title: jquery hide() not working in chrome
body: <p>I use jquery popup dialog, and in this dialog I have input and select box, i want to hide some options in select box, its worked in ff, but not worked in chrome .</p>
  
  <pre><code>&lt;input type="text" onkeyup="search(this.value)" &gt;
  
  &lt;select id="cl_sel_l"  multiple="multiple"&gt;
     &lt;option value='2' id='c_2'&gt;aa&lt;/option&gt;
     &lt;option value='3' id='c_3'&gt;bb&lt;/option&gt;
     &lt;option value='4' id='c_4'&gt;cc&lt;/option&gt;
     &lt;option value='5' id='c_5'&gt;dd&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <pre class="lang-js prettyprint-override"><code>var clients = new Array();
  clients[2] ='aa';
  clients[3] ='bb';
  clients[4] ='cc';
  clients[5] ='dd';
  
  function search(val) {
      for ( var i in clients) {
          if (clients[i].toLowerCase().search(val.toLowerCase()) == -1) {
              $("#cl_sel_l").find("#c_" + i).hide();
          } else {
              $("#cl_sel_l").find("#c_" + i).show();
          }
      }
  }
  </code></pre>