title: Filter LIs with text input - nested LIs not showing?
body: <p>I am trying to filter a UL for specific LIs with a keyup text input. Problem is, the LIs are nested within a tree, and the filter only sees the top most LI and doesn't appear to be filtering correctly. Typing Pennsylvania should show ONLY Pennsylvania, and nothing above it. Any ideas? Thanks in advance.</p>
  
  <p><a href="http://www.jsfiddle.net/CDAVZ/412" rel="nofollow">http://www.jsfiddle.net/CDAVZ/412</a> </p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;input type='text' value='[Enter search term followed by Return]' class='allW treeSearch' /&gt;
    &lt;ul id="treeview"&gt;
      &lt;li data-expanded="true"&gt;&lt;span class="icon-location-7 md-moon delBlue treeSpace" data-icon="&amp;#xe6b5;"&gt;&lt;/span&gt;
      &lt;span class="icon-location-7 md-moon white treeSpace" data-icon="&amp;#xe6b5;"&gt;&lt;/span&gt;Root
          &lt;ul&gt;
              &lt;li data-expanded="true"&gt;&lt;span class="icon-stack-6 md-moon delLtBlue treeSpace" data-icon="&amp;#xe6a0;"&gt;&lt;/span&gt;
              &lt;span class="icon-stack-6 md-moon white treeSpace" data-icon="&amp;#xe6a0;"&gt;&lt;/span&gt;Gas Model
                &lt;ul&gt;
                    &lt;li data-expanded="true"&gt;&lt;span class="glyphicon glyphicon-globe md-moon delGreen treeSpace"&gt;&lt;/span&gt;
                    &lt;span class="glyphicon glyphicon-globe md-moon white treeSpace"&gt;&lt;/span&gt;United States
                      &lt;ul&gt;
                          &lt;li data-expanded="true"&gt;&lt;span class="icon-pie md-moon delBlue treeSpace" data-icon="&amp;#xe708;"&gt;&lt;/span&gt;
                          &lt;span class="icon-pie md-moon white treeSpace" data-icon="&amp;#xe708;"&gt;&lt;/span&gt;Pennsylvania
  
                          &lt;/li&gt;
                      &lt;/ul&gt;
                    &lt;/li&gt;
                &lt;/ul&gt;
              &lt;/li&gt;
           &lt;/ul&gt;
        &lt;/li&gt;
    &lt;/ul&gt;
  </code></pre>
  
  <p><strong>jQuery</strong></p>
  
  <pre><code>$('.treeSearch').click(function(){
      $(this).val(''); 
  });
  
  $('.treeSearch').keyup(function(){
  
      var searchText = $(this).val();
  
      $('#treeview ul').each(function(){
  
          var currentLiText = $(this).text(),
              showCurrentLi = currentLiText.indexOf(searchText) !== -1;
  
          $(this).toggle(showCurrentLi);
  
      });     
  }); 
  </code></pre>