title: Bootstrap-switch doesn´t event
body: <p>I have the following html code (working properly changing the state of the checkbox) and I need to run an alert when the state of some checkbox is changed.</p>
  
  <pre><code>&lt;div class="make-switch switch-small"&gt;
    &lt;input type="checkbox" checked="true" data-checkbox="VALUE1" class="alert-status"&gt;
  &lt;/div&gt;
  &lt;div class="make-switch switch-small"&gt;
    &lt;input type="checkbox" checked="true" data-checkbox="VALUE2" class="alert-status"&gt;
  &lt;/div&gt;
  &lt;div class="make-switch switch-small"&gt;
    &lt;input type="checkbox" checked="true" data-checkbox="VALUE3" class="alert-status"&gt;
  &lt;/div&gt;
  &lt;div class="make-switch switch-small"&gt;
    &lt;input type="checkbox" checked="true" data-checkbox="VALUE4" class="alert-status"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I have tried the following combinations, but I can not execute the routine:</p>
  
  <p>1)</p>
  
  <pre><code>$('.make-switch.input[type="checkbox"]').on('switchChange.bootstrapSwitch', function(event, state) {
            console.log(this); // DOM element
            console.log(event); // jQuery event
            console.log(state); // true | false
            alert(this);
  });
  </code></pre>
  
  <p>2)</p>
  
  <pre><code>$('input[type="checkbox"]').on('switchChange.bootstrapSwitch', function(event, state) {
            console.log(this); // DOM element
            console.log(event); // jQuery event
            console.log(state); // true | false
            alert(this);
  });
  </code></pre>
  
  <p>3)</p>
  
  <pre><code>$('.alert-status').on('switchChange.bootstrapSwitch', function(event, state) {
            console.log(this); // DOM element
            console.log(event); // jQuery event
            console.log(state); // true | false
            alert(this);
  });
  </code></pre>
  
  <p>4)</p>
  
  <pre><code>$('.alert-status').on('switchChange', function(event, state) {
            console.log(this); // DOM element
            console.log(event); // jQuery event
            console.log(state); // true | false
            alert(this);
  });
  </code></pre>
  
  <p>5)</p>
  
  <pre><code>/*$(".alert-status").click(function(event) {
            event.preventDefault();
            event.stopPropagation();
            alert($(this).attr('data-checkbox'));
  });*/
  </code></pre>
  
  <p>I have searched the internet, I have consulted examples, I have used with firebug, and I find no way to capture the event. Can anyone help me? </p>
  
  <p>I found this example and have modified and work in this environment, not on my website:</p>
  
  <p><a href="http://jsfiddle.net/sumw4/13/" rel="nofollow noreferrer">http://jsfiddle.net/sumw4/13/</a> (I add probeProbe class and portion of code)</p>