How to find number of <ul> inside each div
<p>I have a large file of this form [similar div's throughout]. I want to be able to select a <code>div</code>, find the number of <code>ul</code>'s in it and traverse through each of them to get value of each <code>li</code> in it.  </p>

<pre><code>&lt;div class="experiment"&gt;
   &lt;div class="experiment-number"&gt;5&lt;/div&gt;
   &lt;ul class="data-values"&gt;
         &lt;li&gt;&lt;div&gt;&lt;/div&gt; 14&lt;/li&gt;
         &lt;li&gt;&lt;div&gt;&lt;/div&gt; 15&lt;/li&gt; 
   &lt;/ul&gt;
   &lt;ul class="data-values"&gt;
        &lt;li&gt;&lt;div&gt;&lt;/div&gt; 16&lt;/li&gt;
   &lt;/ul&gt; 
&lt;/div&gt;
</code></pre>

<p>I have tried looping through all experiment <code>div</code>s, then select the <code>ul</code>s, but it selects all the <code>ul</code> in the page, not only the ones under current <code>div</code>. </p>

<pre><code>$('experiment ul').eq('$i');
</code></pre>
