title: Need to enable/disable a button on click of checkbox
body: <p>I am trying to disable a order button when the page loads and enable it when one checks the Terms and condition checkbox. I have it working where the order button is disabled when the page loads but on the click of checkbox the button doesnt get enabled. Here is my code. Can anyone help me identify the problem</p>
  
  <pre><code>   &lt;input type="checkbox" id="checkbox1" name="checkbox1" class="required" /&gt;Please read the &lt;a href="#"&gt;Terms and Conditions&lt;/a&gt;
  </code></pre>
  
  <p>Jquery Code</p>
  
  <pre><code> var j$ = jQuery.noConflict();
   j$(document).ready(function(){
   alert("Hi");
  if(j$('input[name="checkbox1"]').not(":checked"))
  {
    j$('input[name="Order"]').attr('disabled', 'disabled');
  }
  else
  {
    j$('input[name="Order"]').removeAttr('disabled');
  }
  j$('#checkbox1').change(function(){
    if(j$('input[name="checkbox1"]').is(":checked")
       {
       j$('input[name="Order"]').attr('disabled', 'disabled');
       }
    else
       {
       j$('input[name="Order"]').removeAttr('disabled');
       }
    }
   });
  </code></pre>
  
  <p>Thanks</p>
  
  <p>Prady</p>