title: Can't get jQuery UI radio buttons working
body: <p>I'm trying to setup some <a href="http://jqueryui.com/demos/button/#radio" rel="nofollow">jQuery UI radio buttons</a> but it's not working.</p>
  
  <p><a href="http://jsfiddle.net/vnSuh/" rel="nofollow">jsFiddle</a></p>
  
  <p>HTML</p>
  
  <pre><code>&lt;div id="type_radios"&gt;
      &lt;input type="radio" value="option_a" name="note_type" id="note_type_option_a"/&gt;&lt;label for="note_type_option_a"&gt;a&lt;/label&gt;
      &lt;input type="radio" value="option_b" name="note_type" id="note_type_option_b"/&gt;&lt;label for="note_type_option_b"&gt;b&lt;/label&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Javascript</p>
  
  <pre><code>$(document).ready(function() {
     $("#type_radios").buttonset();
  });
  </code></pre>
  
  <p>What am I doing wrong? Thanks for reading.</p>