title: iphone style checkbox
body: <p>I want to create a check box like!</p>
  
  <pre><code>&lt;label id="sliderLabel"&gt;
      &lt;input type="checkbox" /&gt;
      &lt;span id="slider"&gt;
          &lt;span id="sliderOn"&gt;SELECTED&lt;/span&gt;
          &lt;span id="sliderOff"&gt;SELECT&lt;/span&gt;
          &lt;span id="sliderBlock"&gt;&lt;/span&gt;
      &lt;/span&gt;
  &lt;/label&gt;
  </code></pre>
  
  <p>but when i increase the width of the checkbox . It is not working. Here is my code <a href="http://jsfiddle.net/muthusamy/RUvhw/1/" rel="nofollow">jsfiddle</a></p>