title: jQuery .attr("disabled", "disabled") not working in Chrome
body: <p>Not sure why this isn't working.</p>
  
  <p>When people click the 'edit' button of my application, the disabled textfields become editable:</p>
  
  <pre><code>$("#bewerken").click(function(e)    {
      $("input[disabled='disabled']").removeAttr('disabled');
  });
  </code></pre>
  
  <p>I then want to disable the textfields again when the user saves; I have this code bound to my save button:</p>
  
  <pre><code>$("#save_school_changes").click(function(e) {
      //stuff
  
      $.ajax({
          type: "POST",
          url: "/school/save_changes",
          data: { //stuff },
          success: function(data)
          {
              $("#feedback_top").html("&lt;p&gt;" + data['message'] + "&lt;/p&gt;").slideDown('slow').delay(2000).slideUp();
              $("input[type='text']").attr('disabled', 'disabled');
  
          }
      });
  
      e.preventDefault();
  });
  </code></pre>
  
  <p>As far as I know, this should disable the textfields again. However, this does not seem to be working in Chrome. It does work in Firefox. I haven't had the chance to test in IE or Safari yet. Is there any way to make this work in Chrome aswell? Thanks a lot!</p>