title: How to handle change of checkbox using jQuery?
body: <p>I have some code</p>
  
  <pre><code>&lt;input type="checkbox" id="chk" value="value" /&gt;
  &lt;label for="chk"&gt;Value &lt;/label&gt;
  &lt;br/&gt;
  &lt;input type="button" id="But1" value="set value" /&gt;
  &lt;br /&gt;
  &lt;input type="button" id="But2" value="read checked" /&gt;
  </code></pre>
  
  <p>javascript:</p>
  
  <pre><code>$(document).ready(function () {
      console.log("Ready ...");
      registerHandlers();
  
      function registerHandlers() {
          $('#But1').click(function () {
              $('#chk').prop('checked', !$('#chk').is(':checked'));
          });
          $('#But2').click(function () {
              var chk1 = $('#chk').is(':checked');
              console.log("Value : " + chk1);
          });
  
          $('input[type="checkbox"]').change(function () {
              var name = $(this).val();
              var check = $(this).prop('checked');
              console.log("Change: " + name + " to " + check);
          });
      }
  });
  </code></pre>
  
  <p>How to handle change of checkbox using jQuery ?
  I need to put the handler to change any checkboxes checked.</p>
  
  <p>[update]</p>
  
  <p>There is a checkbox and a few buttons. 
  Each button can change check box. 
  How to catch an event changing the checkbox?</p>
  
  <p><strong>[Update]</strong></p>
  
  <p>I need handle change checkbox in this example <a href="http://jsfiddle.net/neoxgeforce/JCeNF/" rel="noreferrer">jsfiddle</a>.
  When I click on the box the message "OK" button is not shown.</p>