title: ABP Jquery not catching checkbox change
body: <p>Using ABP Commercial and in a generated page I have 2 checkboxes, but I am unable to get the change event of them.</p>
  <p>Here is the generated code for the checkbox</p>
  <pre><code>&lt;input type=&quot;checkbox&quot; data-val=&quot;true&quot; data-val-required=&quot;The Permanent Resident Australia field is required.&quot; id=&quot;Prospectus_IsPermanentResidentAustralia&quot; name=&quot;Prospectus.IsPermanentResidentAustralia&quot; value=&quot;true&quot; class=&quot;custom-control-input &quot;&gt;
  </code></pre>
  <p>I have tried a number of ways to get the change event.</p>
  <pre><code>$(&quot;#Prospectus_IsPermanentResidentAustralia&quot;).change(function () {
    $('#permAusDate').toggle();
      });
  
    $('#Prospectus_IsPermanentResidentAustralia').on(&quot;change&quot;, function () {
              $('#permAusDate').toggle();
     
  });
  </code></pre>
  <p>Also tried it this way.</p>
  <pre><code>$(('#IsInternational').val).change(function () {
      if (this.checked != true) {
          $(&quot;#InternationalStudent&quot;).hide();
      }
      else {
          $(&quot;#InternationalStudent&quot;).show();
      }
  });
  </code></pre>
  <p>If I do this below, it works - the toggle is succesful - but naturally throws an error as change isn't a function as its missing the ()</p>
  <pre><code> var permResidentAus = $('Prospectus.IsPermanentResidentAustralia').change;
  $('permResidentAus ').on(&quot;change&quot;, function () {
             $('#permAusDate').toggle();
   
  });
  </code></pre>
  <p>What am I missing in ABP?</p>