JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.css">
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script>
 
<div>
            <ul data-role="listview" data-autodividers="true" data-inset="true">
			<li>
				<a href="#" >Product</a>
				<div>
					<p>A list of important points about the product:</p>
                    <ol id='inner_list' data-role="none" data-autodividers="true">
                        <li>Reason #1</li>
                        <li>Another Reason #2</li>
                        <li>The last Reason #3</li>
                    </ol>
				</div>
			</li>
                <li>
				<a href="#" >Other Product</a>
				<div>
					<p>This is a good product</p>
				</div>
			</li>
    </ul>
        </div>

JavaScript

$( "ol#inner_list li" ).each(function() {
});