title: On/Off: switch button bootstrap
body: <p><strong>Here is my code-</strong></p>
  
  <pre><code>&lt;div id="normal-toggle-button" class="toggle-button" style="width: 100px; height: 25px;"&gt;
              &lt;div style="left: 0px; width: 150px;"&gt;&lt;input type="checkbox" checked="checked"&gt;&lt;span class="labelLeft" style="width: 50px; height: 25px; line-height: 25px;"&gt;ON&lt;/span&gt;&lt;label for="" style="width: 50px; height: 25px;"&gt;&lt;/label&gt;&lt;span class="labelRight" style="width: 50px; height: 25px; line-height: 25px;"&gt;OFF &lt;/span&gt;&lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p><strong>Script-</strong></p>
  
  <pre><code>$(document).ready(function() {
          $('#normal-toggle-button').toggleButtons();
      });
  </code></pre>
  
  <p>I want a basic button given on this page- <a href="http://www.larentis.eu/bootstrap_toggle_buttons/" rel="noreferrer">Switch buttons</a></p>
  
  <p>I am doing all right. But something i still missed.</p>
  
  <p>Check in here-
  <a href="http://jsfiddle.net/stackmanoz/WvRZw/" rel="noreferrer">Fiddle</a></p>