title: Jquery disabled property not working in IE 10
body: <p>I am using an asp.net gridview control in a child page. The grid has two adjacent check box columns with the boxes in the second column disabled on startup. When a user checks a box in a row in the first column, the adjacent check box becomes enabled. My code below works fine in Chrome and FoxFire but not in IE 10 or 11. In order to check my syntax, I added an alternative response whereby the adjacent check box becomes clicked rather than enabled. This does work in IE. So, it seems IE is able to recognize and change he "Checked" property but not the "Disabled" property. I tried substituting "attr" for"prop" but got the same results. Also the same result when I substituted the "click" event for the "change" event. Is there a workaround for the IE browser? Thanks for your help.</p>
  
  <p>Ken McLean</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      $(document).ready(function() {
          var chx = $('input[type="checkbox"]');
          chx.change(function() {
              var i = chx.index(this);
              if (this.id.endsWith("chkCourse")) {
                  if ($(this).is(":checked")) {
                      //$(chx[i + 1]).prop("checked", true); this works in IE
                      $(chx[i + 1]).prop( "disabled", false ); // this does not
                  }
                  else {
                       //$(chx[i + 1]).prop("checked", false);  this works in IE
                       $(chx[i + 1]).prop( "disabled", true );  // this does not
                  };
              };
          });
      });
  &lt;/script&gt;
  </code></pre>