title: jQuery .change event not firing for ASP MVC CheckBoxFor
body: <p>Below is the jQuery code I'm trying to use to make a hidden text box visible. However when clicked the text box stays hidden, and none of the <code>alerts</code> will fire. </p>
  
  <p>For this check box I have tried <code>.click</code>, <code>.change</code>, and <code>.mousedown</code> however none has worked. </p>
  
  <p>Here is the jQuery</p>
  
  <pre><code>$('#OverrideRegionInd').click(function () {
      alert("here");
      alert($(this).is(':checked'));
      if ($(this).is(':checked')) {
          $('#territoryName').html("");
          $('#Region').val("");
          $('#Region').show();
      } else {
  
      }
  });
  </code></pre>
  
  <p>And here is the code from the view. This is an ASP MVC 3 site</p>
  
  <pre><code>    &lt;div class="M-editor-label"&gt;
          Override Territory Manually?
      &lt;/div&gt;
      &lt;div class="M-editor-field" style="padding-right:190px;padding-top:5px;"&gt;
          @Html.CheckBoxFor(Model =&gt; Model.OverrideRegionInd)
      &lt;/div&gt;
  </code></pre>
  
  <p>EDIT</p>
  
  <p>Here is the entire <code>&lt;div&gt;</code> after it is rendered</p>
  
  <pre><code>    &lt;div class="M-editor-field" style="padding-right:190px;padding-top:5px;"&gt;
          &lt;input data-val="true" data-val-required="The Override Territory? field is required." id="OverrideRegionInd" name="OverrideRegionInd" type="checkbox" value="true" /&gt;&lt;input name="OverrideRegionInd" type="hidden" value="false" /&gt;
      &lt;/div&gt;
  </code></pre>