title: How can I disable the HTML textfield using this simple jQuery?
body: <p>I have this simple jQuery code to test out.</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  &lt;script type="text/javascript" src="jquery.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
      $(document).ready(function(){
        $("button").click(function(){
            $("text").attr("disabled","");
        });
      });
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;input type="text"&gt;
  &lt;br /&gt;
  &lt;button&gt;Set the textfield disabled&lt;/button&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Basically the HTML page comes with a simple button and textfield.  All I want to have the input field disabled as I click the button. But it doesn't work??? </p>
  
  <p>(PS: this code is sourced out from w3schools.com website, just to simply test out how powerful jQuery is)</p>