drop-down-menu - IE8 のドロップダウン リストの [選択項目の表示/非表示] オプションが機能しない

Question

ドロップダウンリストで表示/非表示メカニズムを実行しようとしています。シナリオは、ドロップダウンリストから値が選択されると、その値は 2 番目のドロップダウンリストでは使用できなくなります。

コードは Firefox では機能しますが、IE8 では機能しません。これがコードです

<select id="dropdownone" class="" name="dropdownone">
<option selected="selected" value="">Default</option>
<option value="1">question 1?</option>
<option value="2">question 2</option>
<option value="3">question 3</option>
</select>

<select id="dropdowntwo" class="" name="dropdowntwo">
<option selected="selected" value="">Default</option>
<option value="1">question 1?</option>
<option value="2">question 2</option>
<option value="3">question 3</option>
</select>

$("#dropdownone").bind('change', function () {
            var index = this.selectedIndex;
            if (this.value != "") {
                $("#dropdowntwo option").each(function () {
                    var disabled = (this.index == index);
                    //$(this).attr("hidden", disabled);
                    if (disabled ) {
                        $(this).css('visibility', 'hidden');
                    } else {
                        $(this).show();
                    }
                });
            }
        });