title: Hide option not work IE
body: <p>i want to show/hide some elements in a multiselect list; my code works fine in Chrome, but I cannot figure out why it is not working in IE. Here just a simplified version of my code:</p>
  
  <pre><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;
  
  &lt;select id="ID_DropDown" multiple="multiple" name="DropDown"&gt;
  &lt;option value="1"&gt;value1&lt;/option&gt;
  &lt;option value="2"&gt;value2&lt;/option&gt;
  &lt;option value="3"&gt;value3&lt;/option&gt;
  &lt;/select&gt;
  
  &lt;script type="text/javascript"&gt;
  $(document).ready(function () { 
      for (var i = 0; i &lt; ID_DropDown.options.length; i++) {
          $("#ID_DropDown option[value=" + ID_DropDown.options[i].value + "]").hide();
      }
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>Any idea? 
  Really thanks</p>