jquery ui accordiotion头上的单选按钮导致它没有反应

我有一个非常简单的jQuery,每个头里面都有单选按钮。

看这个 JSFiddle

当我选择单选按钮时,它应该被选中,手风琴应该在那个位置打开。奇怪的问题是手风琴开了,但收音机没有检查。

对我来说,这看起来像jQuery ui中的一个bug,任何帮助都将不胜感激。

<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()

正如你所看到的,一切都很简单。。。