title: Using JQuery UI to convert radio buttons into slider elements
body: <p>I have a form which is rendered with radio buttons like so: </p>
  
  <pre><code>&lt;h2&gt;How long is your hair?&lt;/h2&gt;
  &lt;input type="radio" name="71" value="98"&gt;Short 
  &lt;input type="radio" name="71" value="99"&gt;Medium 
  &lt;input type="radio" name="71" value="100"&gt;Long 
  </code></pre>
  
  <p>There are about 15 questions like this, and I would like to have the whole form rendered with sliders, using JQuery (Jquery UI seems like the most likely candidate).</p>
  
  <p>I have found a few plugins for converting select boxes to sliders (e.g. <a href="http://www.filamentgroup.com/lab/update_jquery_ui_slider_from_a_select_element_now_with_aria_support//" rel="nofollow noreferrer">selectToUISlider</a>) but none for radio buttons.</p>
  
  <p>I'm sure it is possible to roll my own somehow using the standard UI Slider, but I don't really know where to start. Has anyone already made a plug in to achieve this? </p>