title: radio button in head of jquery ui accordion causes it to not react
body: <p>I have a pretty simple jQuery accordion with radio buttons inside each header.</p>
  
  <p>See this <a href="http://www.jsfiddle.net/editedredx/zqs2B/" rel="nofollow">JSFiddle</a></p>
  
  <p>When i select a radio button it should get checked and the accordion should open on that location. Weird problem is that the accordion opens but the radio doesn't get checked.</p>
  
  <p>To me this looks like a bug in jQuery-ui, any help would be appreciated.</p>
  
  <pre><code>&lt;div class="accordion"&gt;
      &lt;h3&gt;
          test1
          &lt;input type="radio" checked="checked" name="radio" /&gt;
      &lt;/h3&gt;
      &lt;div&gt;
          content&lt;br /&gt;
          content&lt;br /&gt;
          content&lt;br /&gt;
          content&lt;br /&gt;
      &lt;/div&gt;
      &lt;h3&gt;
          test2
          &lt;input type="radio" name="radio" /&gt;
      &lt;/h3&gt;
      &lt;div&gt;
          content&lt;br /&gt;
          content&lt;br /&gt;
          content&lt;br /&gt;
          content&lt;br /&gt;
      &lt;/div&gt;
      &lt;h3&gt;
          test3
          &lt;input type="radio" name="radio" /&gt;
      &lt;/h3&gt;
      &lt;div&gt;
          content&lt;br /&gt;
          content&lt;br /&gt;
          content&lt;br /&gt;
          content&lt;br /&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>js:</p>
  
  <pre><code>$(".accordion").accordion()
  </code></pre>
  
  <p>As you can see its about as simple as it can get...</p>