htmlselect value hide function does not work in IE
<p>HI Guys,</p>

<p>I am trying to hide  a value in my html select. Its working fine in Firefox bit not is IE.</p>

<p>Below the the troubling line. Please advice</p>

<pre><code>var searchAttributeEnum =
{
                    ProductID: 1,
                    PublisherProductID: 2,
                    Artist: 3,
                    Title: 4,
                    Publisher: 5,
                    ProductType: 6
};

$(this).parents('div.cloneRow').find(".js-CellSecond option[value='" + searchOptionsEnum.StartsWith + "']").hide();
</code></pre>

<p>HTML</p>

<pre><code>&lt;div class="cloneRow"&gt;
&lt;div class="col"&gt;
&lt;uc1:Dropdown ID="searchKey" CssClasses="js-CellFirst" runat="server" /&gt;
&lt;/div&gt;
&lt;div class="col"&gt;
&lt;uc1:Dropdown ID="searchType" CssClasses="js-CellSecond" runat="server" /&gt;
&lt;/div&gt;
&lt;div class="col"&gt;
&lt;input type="text" value="" class="searchText js-CellThree" name="searchInput" /&gt;
&lt;uc1:Dropdown ID="searchPublisherType" CssClasses="js-CellThreePublisher" runat="server" /&gt;
&lt;uc1:Dropdown ID="searchProductType" CssClasses="js-CellThreeProductType" runat="server" /&gt;
&lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>Thanks</p>
