title: How to subscribe to an MVC checkbox change event in JQUERY
body: <p>I'm trying to latch onto a checkbox change event using jQuery, currently I have this:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      $(document).ready(function () {
          $('.timepicker').datetimepicker({ datepicker: false, format: 'H:i' });
          $('.mondaystartfinish').hide();
  
          //subscribe to change events
          $('#IsMonday').change(function () {
              RunsOnMondays();
          });
      });
  
      function RunsOnMondays() {
          if ($('#IsMonday').prop('checked') == 'true') {
              $('.mondaystartfinish').slideDown();
          } else {
              $('.mondaystartfinish').slideUp();
          }
      }    
  &lt;/script&gt;
  </code></pre>
  
  <p>However in debug when I check/uncheck the box the <code>RunsOnMondays()</code> method is not firing.</p>
  
  <p>I have tried using this also but still didn't work:</p>
  
  <pre><code>$('IsMonday').prop('checked').change(function () { RunsOnMondays();});
  </code></pre>
  
  <p><strong>Browser output</strong></p>
  
  <pre><code>&lt;div class="form-group"&gt;
      &lt;label class="control-label col-md-2" for="IsMonday"&gt;Monday&lt;/label&gt;
      &lt;div class="col-md-10"&gt;
          &lt;input class="check-box" data-val="true" data-val-required="The IsMonday field is required." id="IsMonday" name="IsMonday" type="checkbox" value="true" /&gt;&lt;input name="IsMonday" type="hidden" value="false" /&gt;
          &lt;span class="field-validation-valid" data-valmsg-for="IsMonday" data-valmsg-replace="true"&gt;&lt;/span&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div class="startfinish"&gt;
      &lt;div class="form-group"&gt;
          &lt;div class="mondaystartfinish"&gt;
              &lt;label class="control-label col-md-2" for="MondayFrom"&gt;Monday Start&lt;/label&gt;
              &lt;div class="col-md-10"&gt;
                  &lt;input class="timepicker" data-val="true" data-val-date="The field MondayFrom must be a date." id="MondayFrom" name="MondayFrom" type="text" value="" /&gt;
                  &lt;span class="field-validation-valid" data-valmsg-for="MondayFrom" data-valmsg-replace="true"&gt;&lt;/span&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div class="startfinish"&gt;
      &lt;div class="form-group"&gt;
          &lt;div class="mondaystartfinish"&gt;
              &lt;label class="control-label col-md-2" for="MondayTo"&gt;Monday Finish&lt;/label&gt;
              &lt;div class="col-md-10"&gt;
                  &lt;input class="timepicker" data-val="true" data-val-date="The field MondayTo must be a date." id="MondayTo" name="MondayTo" type="text" value="" /&gt;
                  &lt;span class="field-validation-valid" data-valmsg-for="MondayTo" data-valmsg-replace="true"&gt;&lt;/span&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>