title: jQuery Mobile embedded list inside listview
body: <p>I'm trying to create an ordered list inside of a jQuery Mobile ListView. The problem is that the listview has the <code>data-autodividers="true"</code> and this also gets applied to the embedded ordered list. I've tried to set the <code>data-role="none"</code> on the <code>ol</code> and each of the <code>li</code>'s, and even set the <code>data-autodividers="false"</code> on the <code>ol</code>, and it still renders the dividers on the embedded <code>ol</code>. Is there a way to prevent the autodividers from being created in the first place?</p>
  
  <p>I've hacked this problem by just targeting the embedded dividers and just setting them as <code>display:none</code>, but I'd rather just have jQuery Mobile not add the dividers in the first place.</p>
  
  <p>Here's a JSFiddle:
  <a href="http://jsfiddle.net/straker/eM8tb/" rel="nofollow noreferrer">http://jsfiddle.net/straker/eM8tb/</a></p>
  
  <p>This is a similar question to <a href="https://stackoverflow.com/questions/13422871/jquery-mobile-listview-and-formatting-embedded-html-lists">https://stackoverflow.com/questions/13422871/jquery-mobile-listview-and-formatting-embedded-html-lists</a>, but deals with the autodividers and not the styling of the list (which is also wrong but can be fixed with CSS as well).</p>