how to assign bootstrapswitch using jquery

$('#toggle-state-switch').bootstrapSwitch('state'); // Get the state
$('#toggle-state-switch').bootstrapSwitch('state', false); // Set the state as off
$('#toggle-state-switch').bootstrapSwitch('state', false, false); // Set the state as off and do not trigger switchChange event
$('#toggle-state-switch').bootstrapSwitch('toggleState'); // Toggle the state
$('#toggle-state-switch').bootstrapSwitch('toggleState'); // Toggle the state and do not trigger switchChange event

$('#disable-switch').bootstrapSwitch('disabled');
$('#disable-switch').bootstrapSwitch('toggleDisabled');
$('#disable-switch').bootstrapSwitch('disabled', true);  // true || false

$('#readonly-switch').bootstrapSwitch('readonly');
$('#readonly-switch').bootstrapSwitch('toggleReadonly');
$('#readonly-switch').bootstrapSwitch('readonly', true);  // true || false

<form class="form-horizontal">
  <div class="form-group">
    <label class="control-label" for="inputEmail">Email</label>
    <input type="text" id="inputEmail" placeholder="Email">
  </div>
  <div class="form-group">
    <label class="control-label" for="notification1">Notification 1</label>
    <input id="notification1" type="checkbox">
  </div>
  <div class="form-group">
    <label class="control-label" for="notification2">Notification 2</label>
    <input id="notification2" type="checkbox">
  </div>
  <div class="form-actions">
    <button type="reset" class="btn btn-inverse">Reset</button>
  </div>
</form>