title: jQuery UI Accordion on ul
body: <p>How do I get the <a href="http://en.wikipedia.org/wiki/JQuery_UI#Widgets" rel="nofollow">jQuery UI Accordion</a> to work when I need to put a wrapper around each element?</p>
  
  <p>Example HTML:</p>
  
  <pre><code>&lt;ul&gt;
    &lt;li&gt;
       &lt;h3&gt;&lt;a href="#"&gt;header&lt;/a&gt;&lt;/h3&gt;
       &lt;div&gt;
           Content goes here
       &lt;/div&gt;
    &lt;/li&gt;
    &lt;li&gt;
       &lt;h3&gt;&lt;a href="#"&gt;header&lt;/a&gt;&lt;/h3&gt;
       &lt;div&gt;
           Content goes here
       &lt;/div&gt;
    &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>I just can't seem to get it to work.</p>