Comment obtenir la valeur de Bootstrap bouton à bascule en jQuery

J'ai ce balisage et jQuery mais je ne peut pas réussir à capturer la valeur du bouton ou sur on/off ou de toute forme de reconnaissance de la valeur de la bascule:

HTML

<div class="form-group">
    <label class="col-md-2 control-label" for="payMethod">Payment Method</label>
      <div class="col-md-2">
        <label class="checkbox-inline bootstrap-switch-noPad" for="payMethod">
          <input type="checkbox" id="payMethod" name="payMethod" data-size="small" value="Credit" data-on-text="Credit" data-on-color="success" data-off-text="Cash" data-off-color="warning" tabindex="13">
        </label>
      </div>
  </div>

jQuery

$('#payMethod').on( 'change', function() {
  alert('slid');
}); //does not work

$( "#payMethod" ).click(function() {
  alert( $('#payMethod').val() );
}); //does not work

$('#payMethod').change(function() {
  alert('Toggle: ' + $(this).prop('checked'));
}); //does not work

$('input[type=checkbox][name=payMethod]').change(function() {
  alert('help'); //does not work
});

Voici les boutons de curseur (il n'y a pas de case à cocher):
Comment obtenir la valeur de Bootstrap bouton à bascule en jQuery
Comment obtenir la valeur de Bootstrap bouton à bascule en jQuery

OriginalL'auteur H. Ferrence | 2015-11-10