title: bootstrap toggle with multiple same input not working
body: <p>Bootstrap toggle with multiple same input not working unless pressing not the first input.. and still not all of them is checked/unchecked.. </p>
  
  <p>I've made small <a href="https://jsfiddle.net/scorpioniz/xpvt214o/899248/" rel="nofollow noreferrer">example</a> </p>
  
  <p>and I need to make if I press one, that all others would have the same state.</p>
  
  <pre><code>$(document).ready(function(){
    $('.testClass').on('change', function() {
      if($(this).prop('checked')) {
        $('.testClass').each(function(key, val) {
          $(val).bootstrapToggle('on');
        });
      } else {
        $('.testClass').each(function(key, val) {
          $(val).bootstrapToggle('off');
        });
      }
    })
  });
  </code></pre>
  
  <p>Any suggestions how to make this happen?</p>