title: IE browser - Select Box - JQuery v1.11.1 - improper validation
body: <p>I have a select box called "transactionType" which enables/disables another select box "itemPrice". Both the items are required fields. </p>
  
  <p>Everything is fine in chrome. But in IE, when we select the first option "Please Select" with value "", the validation is not working. it seems to accept the value without updating in red text as "required". I tried different approaches. When i call the $(this).valid() the "TransactionType" updates properly but my "itemPrice" does not get enabled or disabled appropriately. </p>
  
  <p>Like in the example here <a href="https://stackoverflow.com/questions/14896854/jquery-select-box-validation">jQuery select box validation</a>, i can't do it on "Submit". I have to do it as they change "selection" in select box.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>$(document).ready(function () {
  
    $("#TransactionType").validator({ // initialize the plugin
        rules: {
            TransactionType: {
                selectcheck: true
            }
        }
    });
  
    jQuery.validator.addMethod('selectcheck', function (value) {
        return (value != '');
    }, "You must choose an item from the list.");
    
    // set up "transaction type" change event
    $(this).find ('#TransactionType').change(function () {
  
          //Show or Hide SalesPrice depending on TransactionType
          UpdateSalesPrice($orderEntryForm);
          event.srcElement.blur();
      });
  
  });
  
  
  function UpdateSalesPrice($form)
  {
      var transtype = $form.find("#TransactionType").val().toLowerCase();
      // Selling Price field is irrelevant for Refinance transaction
      // Thus disable the control and stop validating
      if ($("#SellingPrice").length &gt; 0) {
  
          var parent = $("#SellingPrice").parent();
          var child2 = parent.find("i").eq(1);
  
          if (transtype == "refinance" || transtype == "equity") {
              $("#SellingPrice").prop("disabled", true);
              $("#SellingPrice").attr("data-validate", false);
              $("#SellingPrice").val('');
  
              if (child2.length &gt; 0 &amp;&amp; document.getElementById("SellingPrice").required)
                  child2.removeClass();
          }
          else {
              $("#SellingPrice").prop("disabled", false);
              $("#SellingPrice").attr("data-validate", true)
              if (child2.length &gt; 0 &amp;&amp; document.getElementById("SellingPrice").required)
                  child2.removeClass().addClass('fa fa-asterisk');
          }
          // Reset validation of Transaction Information section
          var txControls = $("#SellingPrice");
          txControls.validator("update");
          txControls.validator("validate");
      }
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="row" id="transactionInformation_row_10"&gt;
    &lt;label class="col-xs-2 control-label ta-r" for="_TransactionType"&gt;Transaction Type&lt;/label&gt;
    &lt;div class="col-sm-4 col-xs-10 form-group has-error has-danger"&gt;
      &lt;div class="input-group"&gt;&lt;select name="TransactionType" class="form-control" id="TransactionType" required="" data-bind="value:TransactionType"&gt;
        &lt;option value=""&gt;Select Transaction Type&lt;/option&gt;
        &lt;option value="Purchase"&gt;Purchase&lt;/option&gt;
        &lt;option value="Other"&gt;Foreclosure&lt;/option&gt;
        &lt;option value="Refinance"&gt;Refinance&lt;/option&gt;
        &lt;option value="Equity"&gt;Equity&lt;/option&gt;
        &lt;/select&gt;&lt;span class="input-group-addon"&gt;&lt;i class="fa fa-asterisk" aria-hidden="true"&gt;&lt;/i&gt;&lt;/span&gt;       &lt;/div&gt;
      &lt;div class="help-block with-errors"&gt;&lt;ul class="list-unstyled"&gt;&lt;li&gt;You must choose an item from the list&lt;/li&gt;&lt;/ul&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="col-sm-4 col-xs-10 form-group"&gt;
    &lt;div class="input-group"&gt;
      &lt;span class="input-group-addon"&gt;&lt;i class="fa fa-usd" aria-hidden="true"&gt;&lt;/i&gt;&lt;/span&gt;
      &lt;input name="SellingPrice" disabled="" class="form-control currency" id="SellingPrice" required="" type="text" placeholder="" data-bind="value:SellingPrice" data-validate="false"&gt;
      &lt;span class="input-group-addon"&gt;&lt;i aria-hidden="true"&gt;&lt;/i&gt;&lt;/span&gt;
    &lt;/div&gt;
    &lt;div class="help-block with-errors"&gt;&amp;nbsp;&lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>I am new to this project and also to jquery. i might be doing something silly. just can't figure out what.
  it looks like jquery 2.2.3 and jquery.validaion 1.11.1 NuGet packages are installed in the project.<br>
  any ideas are greatly appreciated. Thanks.</p>