title: Filtering a select list via input box & jquery
body: <p>I was wondering if i could get some help with filtering a select list using an input box via jquery.</p>
  
  <p>Here's what my js looks like, but it doesnt seem to work.
  I'm guessing this is because options within a select list are not hide-able.</p>
  
  <pre><code>    &lt;script type="text/javascript"&gt;
      $(document).ready(function() {
          $("#inputFilter").change(function() {
              var filter = $(this).val();
  
              $("#selectList option").each(function() {
                  var match = $(this).text().search(new RegExp(filter, "i"));
                  if (match &gt; 0) {
                      $(this).show(); // Does not work
                  }
                  else
                      $(this).hide();
              });
          });
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>and here's my html</p>
  
  <pre><code>&lt;input id="inputFilter" /&gt;
  &lt;select id="selectList"&gt;
      &lt;option value="1111" &gt;1111 - London&lt;/option&gt;
      &lt;option value="1112" &gt;1112 - Paris &lt;/option&gt;
  &lt;/select&gt;
  </code></pre>