title: jQuery UI button function doesn't work on checkbox
body: <p>I am trying to use the <a href="http://jqueryui.com/demos/button/" rel="nofollow noreferrer">jQueryUI button</a> widget, especially the option to turn checkbox into nice buttons.</p>
  
  <p>The normal button works fine, but the checkbox doesn't!</p>
  
  <p>Here is my code</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;button id="button"&gt;button&lt;/button&gt;
  &lt;label for="input"&gt;
      &lt;input id="input" type="checkbox"/&gt;Checkbox
  &lt;/label&gt;
  </code></pre>
  
  <p>JavaScript:</p>
  
  <pre><code>$('#button').button();
  $('#input').button();
  </code></pre>
  
  <p>I can't understand why it doesn't work on checkbox!!</p>
  
  <p><a href="http://jsfiddle.net/cY7fe/" rel="nofollow noreferrer">DEMO</a></p>