title: bootstrap-switch check box value always "on"
body: <p>I am developing CMS and on Add Form I'm using <a href="http://www.bootstrap-switch.org/examples.html" rel="nofollow">Bootstrap-switch</a> in my form. But It always return <code>checked</code> or <code>on</code> value.</p>
  
  <p><a href="http://jsfiddle.net/hassaan_developer/bh64jfsz/" rel="nofollow">JSFiddle</a></p>
  
  <p>CODE</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  &lt;link rel="stylesheet" type="text/css" href="http://www.bootstrap-switch.org/docs/css/bootstrap.min.css"&gt;
  &lt;link rel="stylesheet" type="text/css" href="http://www.bootstrap-switch.org/dist/css/bootstrap3/bootstrap-switch.css"&gt;
  &lt;script type='text/javascript' src="http://www.bootstrap-switch.org/docs/js/bootstrap.min.js"&gt;&lt;/script&gt;
  &lt;script type='text/javascript' src="http://www.bootstrap-switch.org/dist/js/bootstrap-switch.js"&gt;&lt;/script&gt;
  &lt;script type='text/javascript'&gt;
  
  $(window).load(function(){
  
      var s = $('#status').val();
      $("#status").change(function(){
          alert(s);
      });
  
  });
  &lt;/script&gt;
  
  &lt;/head&gt;
  &lt;body&gt;
  
      &lt;input type="checkbox" id="status" name="status" checked&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>