jQuery не работает в IE

Question

У меня есть код, который отлично работает в FF, но не в IE. Определенные значения скрыты во втором падении в зависимости от значения выбранного первого выпадающего списка. Значения правильно скрыты в 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" во второй - вниз). Может ли кто-нибудь сказать мне, почему эти дополнительные значения не скрываются в IE?