hide() not working in IE

Question

My code works perfect in firefox and gives error in IE. any ideas?

I have a dropdown with various options, I am trying to show/hide options in another dropdown based on

Answer 1

It won't work in IE & Chrome

check out in IE or Chrome

The best alternative that you can do is to remove the option rather than hiding it.(you should keep a copy of the original options before removing it.)

var copy = $("."+Name).clone();
function selectNames() {
   $("#thefirstselect option").remove();
   copy.appendTo("#thefirstselect");
   var Name = $("#SelectName").val();

   $("."+Name).each(function() {
      $(this).remove();            
});
}