title: How to Filter <li> based on drop down values in jquery
body: <p><strong>I need to  filter the list item which is less than 5 by selecting a option from the drop down</strong></p>
  
  <p><em>Html Part</em></p>
  
  <pre><code>&lt;div data-role="content"&gt;
   &lt;select name="select-choice-1" id="select-choice-1"&gt;
       &lt;option value=""&gt;select&lt;/option&gt;
      &lt;option value="5" &gt;less than 5&lt;/option&gt;
      &lt;option value="10" &gt;less than 10&lt;/option&gt;
  &lt;/select&gt;
  &lt;div data-role="fieldcontain"&gt;    
      &lt;ul data-role="listview"&gt;
          &lt;li data-filtertext="4" class="de"&gt;&lt;a href=#&gt;Audi&lt;/a&gt;&lt;/li&gt;
          &lt;li data-filtertext="3" class="de"&gt;&lt;a href=#&gt;BMW&lt;/a&gt;&lt;/li&gt;
          &lt;li data-filtertext="2" class="it"&gt;&lt;a href=#&gt;Ferrari&lt;/a&gt;&lt;/li&gt;
          &lt;li data-filtertext="7" class="it"&gt;&lt;a href=#&gt;Lamborghini&lt;/a&gt;&lt;/li&gt;
          &lt;li data-filtertext="9" class="it"&gt;&lt;a href=#&gt;Maserati&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>Script part</p>
  
  <pre><code>$('#select-choice-1').change(function(){
  var value = $('#select-choice-1').val();
  $("ul").find("li").hide()
  $("ul").find("li[data-filtertext&lt;"+value+"]").show();
  </code></pre>