Hide option not work IE
<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>