title: Submit button is not enabled when checkbox length is greater than 1
body: <p>I have two anchor tag for terms and condition, and privacy policy. When I click on this anchor tag then modal is open. here is modal code</p>
  
  <pre><code>&lt;div class="form-check form-check-radios"&gt;
      &lt;label class="form-check-label"&gt;
          &lt;input class="form-check-input number status" type="checkbox" name="" value="" id="termsChk"&gt;I agree with
          &lt;span class="form-check-sign"&gt;&lt;/span&gt;
      &lt;/label&gt; &lt;a href="#" data-toggle="modal" data-target="#termsModal"&gt;"Terms and Condition"&lt;/a&gt;
  
  &lt;/div&gt;
  &lt;div class="form-check form-check-radios"&gt;
      &lt;label class="form-check-label"&gt;
          &lt;input class="form-check-input number status" type="checkbox" name="" value="" id="privacyChk"&gt;I agree with
          &lt;span class="form-check-sign"&gt;&lt;/span&gt;
      &lt;/label&gt; &lt;a href="#" data-toggle="modal" data-target="#privacyModal"&gt;"Privacy Policy"&lt;/a&gt;
  </code></pre>
  
  <p></p>
  
  <pre><code>&lt;div class="modal fade" id="termsModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"&gt;
  &lt;div class="modal-dialog"&gt;
  &lt;div class="modal-content"&gt;
    &lt;div class="modal-header"&gt;
      &lt;h4 class="modal-title" id="myModalLabel"&gt;Terms and Conditions&lt;/h4&gt;
    &lt;/div&gt;
    &lt;div class="modal-body modelheight1" id="modalBody1"&gt;
      &lt;p style="text-align:justify;" id="modalTerms"&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum non ipsum at magna finibus rhoncus a vitae leo. Phasellus id nibh luctus, gravida elit pellentesque, consectetur sem. Nulla fringilla, nulla et egestas rhoncus, sem risus iaculis neque, eget aliquam mauris erat vitae nulla. Vivamus placerat est lectus, ac molestie orci tincidunt a. Aliquam ac viverra sapien, sed vestibulum ex. Fusce malesuada ut arcu at porttitor. Cras suscipit leo vel varius venenatis. Nullam aliquam non elit a lacinia.
  &lt;/p&gt;
    &lt;/div&gt;
       &lt;div class="modal-footer"&gt;
       &lt;button class="btn btn-primary" data-dismiss="modal" aria-hidden="true" 
     id="agreeBtn"&gt;Agree&lt;/button&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>
  </p>
  
  <pre><code>&lt;div class="modal fade" id="privacyModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"&gt;
  &lt;div class="modal-dialog"&gt;
  &lt;div class="modal-content"&gt;
    &lt;div class="modal-header"&gt;
      &lt;h4 class="modal-title" id="myModalLabel"&gt;Terms and Conditions&lt;/h4&gt;
    &lt;/div&gt;
    &lt;div class="modal-body modelheight1" id="modalBody1"&gt;
      &lt;p style="text-align:justify;" id="modalTerms"&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum non ipsum at magna finibus rhoncus a vitae leo. Phasellus id nibh luctus, gravida elit pellentesque, consectetur sem. Nulla fringilla, nulla et egestas rhoncus, sem risus iaculis neque, eget aliquam mauris erat vitae nulla. Vivamus placerat est lectus, ac molestie orci tincidunt a. Aliquam ac viverra sapien, sed vestibulum ex. Fusce malesuada ut arcu at porttitor. Cras suscipit leo vel varius venenatis. Nullam aliquam non elit a lacinia.
  &lt;/p&gt;
    &lt;/div&gt;
       &lt;div class="modal-footer"&gt;
       &lt;button class="btn btn-primary" data-dismiss="modal" aria-hidden="true" 
     id="agreeBtn2"&gt;Agree&lt;/button&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>
  </p>
  
  <p>Modal is open when user click on agree button on modal then checkbox is checked and checkbox value will be 1 assign. Here jquery script code</p>
  
  <pre><code>$('#agreeBtn').click(function(){
     $('#termsChk').attr('checked', true);
     $("#termsChk").val("1");
  });
  
  $('#agreeBtn2').click(function(){
     $('#privacyChk').attr('checked', true);
     $("#privacyChk").val("1");
  });
  </code></pre>
  
  <p>If checkbox length is greater than 1 then submt button will be enabled.</p>
  
  <pre><code>$( ".number" ).on( "click", function() {
    if($( ".number:checked" ).length &gt; 1)
      {
       $('#submit_register').prop('disabled', false);
      }
    else
      {
      $('#submit_register').prop('disabled', true);
      }  
    });
  
  
  &lt;input name="submit_register" id="submit_register" type='submit' class='btn btn-finish btn-fill btn-rose btn-wd' value='Submit' disabled/&gt;
  </code></pre>
  
  <p>Issue is that Modal is open when I click on agree button then checkbox is checked and value of checkbox is 1, but submit button is not enabled when checkbox length greater than 1. here is fiddle <a href="https://jsfiddle.net/kv3w5fc6/3/" rel="nofollow noreferrer">demo</a></p>