title: Jquery loop through each li for each ul
body: <p>Currently have a loop like this which goes through each li, and looks for certain content in the Li and adds a class. The problem is that the layout has multiple UL's i.e. So I want it to find the li within each of the UL's. Right now it stop the first instant it finds any li with matches my IF criteria.</p>
  
  <pre><code> var list = $('.sampleAddress li span');
    $(list.get().reverse()).each(function () {
    var currentLine = $(this).html();
    var unmatched = unmatchedLine;
     if (currentLine.indexOf(unmatched) !== -1) {
         $(this).html($(this).text().replace("  ", " ").replace("&amp;", "&amp;AMP;").replace(unmatchedLine.toUpperCase(), '&lt;span class="matchedClass"&gt;' + unmatchedLine.toUpperCase() + '&lt;/span&gt;'));
             return false;
         }
    });
  </code></pre>
  
  <p>Layout of HTML is as follows</p>
  
  <pre><code>&lt;ul class="boxSlider"&gt;
  &lt;li&gt;
      &lt;ul class="sampleAddress"&gt;
      &lt;li&gt;&lt;span&gt;something&lt;/span&gt;&lt;/li&gt;
      &lt;li&gt;&lt;span&gt;something&lt;/span&gt;&lt;/li&gt;
      &lt;li&gt;&lt;span&gt;something&lt;/span&gt;&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/li&gt;
  &lt;li&gt;
      &lt;ul class="sampleAddress"&gt;
      &lt;li&gt;&lt;span&gt;something&lt;/span&gt;&lt;/li&gt;
      &lt;li&gt;&lt;span&gt;something&lt;/span&gt;&lt;/li&gt;
      &lt;li&gt;&lt;span&gt;something&lt;/span&gt;&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>