jQueryがIEで動作しない

Question

私はFFでうまく動作し、IEではうまく動作しないコードを持っています。選択された最初のドロップダウンの値に応じて、2番目のドロップダウンで特定の値が非表示になります。値はFFで正しく隠されているが、すべてがIEで表示されます。

function updateMountingMethod() { 
    var selectedVal = $('#attrib-13 option:selected').text().split(" ")[0]; 
    $.each($("#attrib-7").children(), function() { 
     var optionText = $(this).text(); 
     var values = optionText.split('|')[1]; 
     if (values != undefined) { 
      if (values.substring(1, 3) != selectedVal) { 
       $(this).css('display', 'none'); 
      } 
      else { 
       $(this).text($(this).text().split("|")[0] + $(this).text().split("|")[2]); 
      } 
     } 
    }) 
} 

これは、ここで完全にクリアイマイチ場合は、より良い説明です。

ドロップダウン値が変更されるたびに呼び出されるjQueryコードがあります。値を変更すると、選択した要素のサイズが取得されます。表示される値は11フィート、15フィート、19フィートのように見えるので、フィートではなく数字を取得するために分割します。選択した値に応じて、次のドロップダウンメニューを更新する必要があります。

 
Item 1 | 11'11" | 
Item 2 | 15'9" | 
Item 3 | 19'9" | 
... 

| |の間にあるものを表示したくない場合は、選択した長さの各アイテムを一致させるだけです（最初のドロップダウンで11フィートのオプションが選択された場合、11'11"オプションのみが表示されます）。 2番目のドロップダウンで）。 IEでこれらの余分な値が隠されていない理由を教えてもらえますか？