title: Checkbox can't be unchecked
body: <p>I am currently trying to solve a problem with my jquery and my html form.</p>
  
  <p>Problem: I have a checkbox that allows people to check to accept or not accept the terms and conditions. This checkbox is being validated by a jquery function, named validateAccept(). However, after i insert the if valid return true and if not valid return false, the checkbox become unresponsive to clicking. I am a beginner with jquery. I am not sure which part went wrong.</p>
  
  <p>my HTML code:</p>
  
  <pre><code>&lt;form action="&lt;? echo $filename; ?&gt;" id="acceptanceForm" name="acceptanceForm" method="post"&gt;
    &lt;p&gt;Terms and conditions.......&lt;/p&gt;
    I ACCEPT THE TERMS AND CONDITIONS
    &lt;input type="checkbox" name="accept" id="accept" value="yes"/&gt;
    &lt;span id="acceptInfo" class="inputInfo"&gt;&lt;/span&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>My jQuery validating code:</p>
  
  <pre><code>$(document).ready(function(){
  
  //Validation (TERMSANDCONDITION)
  //termsandconditions variables
  var acceptanceForm = $("#acceptanceForm");
  var accept = $("#accept");
  var acceptInfo = $("#acceptInfo");
  
  //Trigger validation
  //On blur
  accept.click(validateAccept);
  //On key press
  accept.keyup(validateAccept);
  //On submit
  acceptanceForm.submit(function () {
      if (validateAccept()) 
          return true
      else 
          return false;
  });
  
  //Validation
  //validate accept
  
  function validateAccept() {
      var isChecked = $('#accept').is(':checked');
      if (isChecked) {
          accept.removeClass("error");
          acceptInfo.text("Thanks");
          acceptInfo.removeClass("error");
          acceptInfo.removeClass("inputInfo");
          acceptInfo.addClass("validated");
          return true;
      } else {
          accept.addClass("error");
          acceptInfo.text("Please Read and Accept the Terms and Conditions");
          acceptInfo.removeClass("inputInfo");
          acceptInfo.removeClass("validated");
          acceptInfo.addClass("error");
          return false;
      }
  }
  </code></pre>
  
  <p>What I know:
  I know that the problems lies with the return true and return false that I added in. I tried without them on JS Fiddle and the check box is working but the form is not. Therefore, I know that return true and false is necessary but I don't really know how I should sort them out to make it work. I have did some researched and realised that little little cases similar to mine. This validation technique is suppose to work on text input so I am not sure if the way i edit it is alright to work for checkbox. </p>
  
  <p><a href="http://jsfiddle.net/8JdRb/3/" rel="nofollow">JSFiddle</a></p>