title: checkbox enables/disables submit works only once, jquery
body: <p>I expect to check/uncheck a checkbox and have it enable/disable a submit button. Javascript fires, doesn't show errors, but the submit input just will not toggle more than once.</p>
  
  <p>JS:</p>
  
  <pre><code>$('#readTerms').change(function() {
      var buttonsChecked = $('#readTerms:checked');
      if (buttonsChecked.length) 
      {
          $('#submitBusiness').removeAttr('disabled');
      } 
      else 
      {
          $('#submitBusiness').attr('disabled', 'disabled');
      }
  });
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;input type="checkbox" id="readTerms" name="agree"&gt; &lt;label for="agree"&gt;By checking the box you agree to the &lt;a href="/terms" target="_blank"&gt;Terms &amp;amp; Conditions&lt;/a&gt;.&lt;/label&gt;
  
  &lt;input id="submitBusiness" class="btn positive iconCheck right" type="submit" name="create" value="Submit" disabled="disabled" /&gt;
  </code></pre>
  
  <p>Submit button starts disabled. Click the checkbox and it enables, click the checkbox again and nothing. The if/else statement works fine. The code fires, it trips breakpoints in firebug, etc. etc. etc.</p>
  
  <p>What am I doing wrong?</p>