title: JQuery Hide Option doesn't work in IE 11
body: <p>I use this code to hide option in IE and its work fine in all browser except IE 11
  here are code to hide and show option</p>
  
  <pre><code>$("[id*=dllStates] option").each(function (index, val) {
              if ($(this).is('option') &amp;&amp; (!$(this).parent().is('span')))
                  $(this).wrap((navigator.appName == 'Microsoft Internet Explorer') ? '&lt;span&gt;' : null).hide();
          });
  </code></pre>
  
  <p>and to show I use this</p>
  
  <pre><code>var counterIE = 0;
              $("[id*=dllStates]").next().children().html("Select Supplier");
              for (i = 0; i &lt; supplierID.length; i++) {
                  $("[id*=dllStates] option").each(function (index, val) {
                      if (navigator.appName == 'Microsoft Internet Explorer') {
                          if (this.nodeName.toUpperCase() === 'OPTION') {
                              var span = $(this).parent();
                              var opt = this;
                              if ($(this).val() == supplierID[counterIE]) {
                                  if ($(this).parent().is('span')) {
                                      $(opt).show();
                                      $(span).replaceWith(opt);
                                  }
                              }
                          }
                      }
                  });
                  counterIE = counterIE + 1;
              }
  </code></pre>
  
  <p>why this is not working in IE 11 Thanks</p>