title: How to I disable the textbox by default and enable it later?
body: <p>How to I disable the textbox by default and let the user enable it via checkbox?</p>
  
  <pre><code>&lt;input type="checkbox" id="sccb" name="science" value="science"&gt;
  &lt;script type="text/javascript"&gt;
      $(document).ready(function(){
      $('#sccb').click(function(){
      if (this.checked) {
      $('#cns').removeAttr("disabled");
      }
      else {
      $("#cns").attr("disabled", true);
      }
      });
      });
  &lt;/script&gt;
  
  &lt;input type="text" id="cns" name="coornamescience" disabled="disabled" size="30"&gt;&lt;/input&gt;
  </code></pre>