Weird IE problem using this jquery / javascript
<p>I am using the following code: </p>

<pre><code>ieLessThan8OptionDisable = function() {
if ($.browser.msie &amp;&amp; parseFloat($.browser.version) &lt; 8) {
    $("select").find("[disabled]").addClass("disabledforie").removeAttr("disabled");
    $("select").change(function(){
        var selected = $(this).val();
        var disabled = $(this).find("[value="+selected+"]").hasClass("disabledforie");
        if (disabled) {
            alert("This option is disabled.\nSelect will be set to the first option.");
            $(this).find("option:first").attr("selected","selected");
         }
        });
    }
}
</code></pre>

<p>Basically this code is for disabled option in a select drop down box. It works perfectly except there is a usability issue. </p>

<p>Anytime I click on the option which should be disabled in IE, an alert pops up, and after that the select box resets to the first position. All is fine. Now when I click on the select box to open the drop down, it just closes. Basically I have to click on it 2 times at which point it opens. </p>

<p>I have tried this in IE6 and IE7. Both have this issue.</p>

<p>Any pointers would be great!</p>

<p>Thanks</p>
