Radioknopf im Kopf des Jquery Ui-Akkordeons führt dazu, dass es nicht reagiert

Question

Ich habe ein ziemlich einfaches jQuery-Akkordeon mit Optionsschaltflächen in jeder Kopfzeile.

Siehe dies JSFiddle

Wenn ich ein Optionsfeld auswähle, sollte es aktiviert werden und das Akkordeon sollte sich an dieser Stelle öffnen. Das Problem ist, dass sich das Akkordeon öffnet, aber das Radio nicht aktiviert wird.

Für mich sieht dies wie ein Fehler in jQuery-ui, jede Hilfe wäre geschätzt werden.

<div class="accordion">
    <h3>
        test1
        <input type="radio" checked="checked" name="radio" />
    </h3>
    <div>
        content<br />
        content<br />
        content<br />
        content<br />
    </div>
    <h3>
        test2
        <input type="radio" name="radio" />
    </h3>
    <div>
        content<br />
        content<br />
        content<br />
        content<br />
    </div>
    <h3>
        test3
        <input type="radio" name="radio" />
    </h3>
    <div>
        content<br />
        content<br />
        content<br />
        content<br />
    </div>
</div>

js:

$(".accordion").accordion()

Wie Sie sehen können, ist es so einfach, wie es nur sein kann...