title: CheerioJS, looping through <ul> with same class name
body: <p>I'm trying to loop through each <code>&lt;ul&gt;</code> and get the value of each <code>&lt;li&gt;</code>. The thing is, it only takes the first <code>&lt;ul&gt;</code> and skips the rest.</p>
  
  <p>HTML</p>
  
  <pre><code>&lt;div id="browse-results"&gt;
      &lt;ul class="tips cf"&gt;
          &lt;li&gt;tip11&lt;/li&gt;
          &lt;li&gt;tip12&lt;/li&gt;
          &lt;li&gt;tip13&lt;/li&gt;
      &lt;/ul&gt;
      &lt;ul class="tips cf"&gt;
          &lt;li&gt;tip21&lt;/li&gt;        
          &lt;li&gt;tip22&lt;/li&gt;        
          &lt;li&gt;tip23&lt;/li&gt;        
      &lt;/ul&gt;
      &lt;ul class="tips cf"&gt;
          &lt;li&gt;tip31&lt;/li&gt;        
          &lt;li&gt;tip32&lt;/li&gt;        
          &lt;li&gt;tip33&lt;/li&gt;        
      &lt;/ul&gt;
      &lt;ul class="tips cf"&gt;
          &lt;li&gt;tip41&lt;/li&gt;        
          &lt;li&gt;tip42&lt;/li&gt;        
          &lt;li&gt;tip43&lt;/li&gt;        
      &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Cheerio Parsing</p>
  
  <pre><code>$('#browse-results').find('.tips.cf').each(function(i, elm) {
      console.log($(this).text()) // for testing do text() 
  });
  
  $('#browse-results').children().find('.tips').each(function(i, elm) {
      console.log($(this).text())
  });
  I've tried many more
  </code></pre>
  
  <p>The output is just the values of the first <code>&lt;ul&gt;</code>.</p>
  
  <pre><code>tip11
  tip12
  tip13
  </code></pre>
  
  <p>Please note guys that this is just a snippet example with the same structure of what I'm trying to parse. </p>
  
  <p>I spent nearly 2 hours on this, and I can't find a way to do it.</p>