title: How can I create a list divider for a collapsible set in jquery mobile
body: <p>I have a collapsible set that looks like this:</p>
  
  <pre><code>&lt;div data-role="collapsible-set"&gt;
    &lt;div data-role="collapsible"&gt;
      &lt;h1&gt;
         &lt;span style="font-size: 16px; font-weight: bold; white-space: pre-wrap;" id="title"&gt;This is a really long book title&lt;/span&gt;&lt;br&gt;
         &lt;span style="font-size: 14px; font-weight: normal;" id="author"&gt;This is the Author of the book&lt;/span&gt;
         &lt;span style="font-size: 14px; font-weight: normal; font-style: italic;" id="year"&gt;Yr&lt;/span&gt;
      &lt;/h1&gt;
          &lt;div&gt;Statis&lt;/div&gt;        
     &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>However, I can't seem to find a way to add a list divider to a collapsible set. For example, I used to have a list of items and could add an attribute: data-role="list-divider" which would look like this:</p>
  
  <p><img src="https://i.stack.imgur.com/ukKUN.png" alt="enter image description here"></p>
  
  <p>Is this not possible for collapsible sets?</p>