title: jquery mobile listview hide and show then cannot search
body: <p>Using the Jquery Mobile 1.2 there is a problem where if you have a listview, and you hide and then show the child, the said child cannot be searched. </p>
  
  <p>without tying to explain in words, see this:
  <a href="http://jsfiddle.net/bodgybrothers/bw2ZV/" rel="nofollow">http://jsfiddle.net/bodgybrothers/bw2ZV/</a></p>
  
  <p>on load it creates two listview children and the search box. Then it hides and shows the second child. by searching this list, the second child is always shown even when it has no search match.</p>
  
  <p>I believe it is a bug in jquery mobile, but wondered if there is a workaround to make all elements searchable after the show method.</p>
  
  <pre><code>$('#li-nav').append('&lt;li id="1"&gt;&lt;a href="#page1"&gt;Page 1&lt;/a&gt;&lt;/li&gt;')
  $('#li-nav').append('&lt;li id="2"&gt;&lt;a href="#page2"&gt;Page 2&lt;/a&gt;&lt;/li&gt;').listview('refresh');
  $('#2').hide();
  $('#2').show();
  </code></pre>
  
  <p>EDIT: I worked out a method which goes back to javascript rather than using the jquery library. The hide and show functions are shown below:</p>
  
  <pre><code>function showStuff(id) {
      document.getElementById(id).style.display = '';
  }
  function hideStuff(id) {
      document.getElementById(id).style.display = 'none';
  }
  </code></pre>
  
  <p>updated the JSfiddle <a href="http://jsfiddle.net/bodgybrothers/uwnCY/" rel="nofollow">http://jsfiddle.net/bodgybrothers/uwnCY/</a></p>