title: Adding link to head of collapsible list in jQuery Mobile
body: <p>I'm trying to combine a collapsible list with a normal list, such as:</p>
  
  <pre><code>Link 1 (header)
  Link 2 (header)
  List header
      Link 3
      Link 4
  Link 5 (header)
  List header
      Link 6
      Link 7
  Link 8 (header)
  </code></pre>
  
  <p>The thing is that when I add the link to the header:</p>
  
  <pre><code>&lt;h3&gt;
      &lt;a href="link.php"&gt;My link&lt;/a&gt;
  &lt;/h3&gt;
  </code></pre>
  
  <p>jQuery Mobile turns it into something like this:</p>
  
  <pre><code>&lt;a href="#"&gt;
      &lt;span class="ui-btn-inner&gt;
          &lt;span class="ui-btn-text"&gt;
              &lt;a href="link.php" class="ui-link"&gt;My link&lt;/a&gt;
          &lt;/span&gt;
      &lt;/span&gt;
  &lt;/a&gt;
  </code></pre>
  
  <p>And this doesn't allow for the behaviour I want to take place. I basically want a mix list, with both collapsible items as well as with links, on the same top level. I'd greatly appreciate it if anyone could help me with this.</p>