title: IE wont dynamically disable/enable textbox using jquery while other would
body: <p>I need to disable or enable a textbox based on the selected value in a dropdown. This is the code i am using.</p>
  
  <pre><code>$(document).ready(function() {
  
  if ($('#fragmentation').val() == 'NONE') { // if fragmentation is none
      alert("inside document ready");
      $('#fragmentSize').attr('disabled','disabled');
  }
  
  $('#fragmentation').change(function() {
      if ($(this).val() != 'NONE') {
          $('#fragmentSize').removeAttr('disabled');
      } else {
          $('#fragmentSize').val('');
          $('#fragmentSize').attr('disabled', 'disabled');
      }
  });
  </code></pre>
  
  <p>The code works perfectly fine in all browsers except IE. <strong>I wish to make it work for IE8 and higher</strong> but for now even IE9 wont run it. The alert box i put there is showing up hence the code is reaching there in IE and there is no error in console or anything else.</p>
  
  <p>I even tried using these:</p>
  
  <pre><code>$('#fragmentSize').prop('disabled','disabled');
  $('#fragmentSize').prop('disabled',false);
  $('#fragmentSize').prop('disabled','false');
  $('#fragmentSize').attr('disabled',false);
  $('#fragmentSize').attr('disabled','false');
  </code></pre>
  
  <p>All of these work in other browsers but IE just wont budge.</p>
  
  <p>EDIT: 
  I don't know if it was plain ignorance from my side or a horrible way to render a disabled field. The ultimate verdict is that it was running perfectly fine, only <strong>i didn't realized that a disabled field in IE looks just like a normal field.</strong> I was so used to looking at the disabled fields in firefox and chrome that i couldn't identify it in IE. Anyways, there was no problem at all, so i don't know if i should keep the question or delete it. Sorry for wasting your time guys.</p>