title: Narrow down the select options from Text search using jQuery
body: <p>I have some options in a select tag and a input text box. Once user enters something in text box the related options should be displayed rest needs to be hidden.</p>
  
  <pre><code>    &lt;select size="8" style="width:150;"&gt;  
      &lt;option value="something1"&gt;Apple&lt;/option&gt;  
      &lt;option value="something1"&gt;Banana&lt;/option&gt;  
      &lt;option value="something2"&gt;Mango&lt;/option&gt; 
      &lt;option value="something2"&gt;Orange&lt;/option&gt; 
      &lt;option value="something2"&gt;Papaya&lt;/option&gt; 
      &lt;option value="something3"&gt;Grape&lt;/option&gt; 
      &lt;option value="something3"&gt;Coco&lt;/option&gt; 
      &lt;option value="something3"&gt;Chocolate&lt;/option&gt; 
   &lt;/select&gt;
      &lt;input type="text" &gt; 
  </code></pre>
  
  <p>When I enter <code>ap</code> in text box, only Apple, Papaya should be visible.. Please let me know how I can achieve this by jQuery.. </p>