title: Convert dropdowns to radio buttons w/o modifying HTML
body: <p>So this is sort of an exceptional case situation - I have a plugin that I can't modify for contractual reasons. It displays a set of drop downs and I need it to display a set of radio buttons instead. Is there a js/jquery method for converting dropdowns to radio buttons w/o changing the HTML. Remember, I can add stuff - I just can modify the plugin (and thus the HTML) directly.</p>
  
  <p>I get that this is a bad way to do it, trust me I don't like it any more than you do. </p>
  
  <p>Possibly by detecting the values of the drop-down options and then reformatting them as radio buttons, hiding the original dropdown?</p>
  
  <pre><code>&lt;form action="http://example.net/store/cart/" method="post" class="shopp product"&gt; 
    &lt;ul class="variations"&gt; 
      &lt;li&gt; 
        &lt;label for="options-1"&gt;Music Download&lt;/label&gt; 
        &lt;select name="products[117][options][]" class="category-catalog product117 options" id="options-1"&gt;
          &lt;option value=""&gt;Select an option&lt;/option&gt; 
          &lt;option value="1"&gt;Full Album&lt;/option&gt; 
          &lt;option value="7"&gt;Theme&lt;/option&gt; 
          &lt;option value="8"&gt;Simian Segue  &lt;/option&gt; 
          &lt;option value="9"&gt;DK Island Swing&lt;/option&gt; 
          &lt;option value="10"&gt;Cranky's Theme&lt;/option&gt; 
          &lt;option value="11"&gt;Cave Dweller Concert&lt;/option&gt; 
          &lt;option value="12"&gt;Bonus Room Blitz&lt;/option&gt; 
          &lt;option value="13"&gt;Aquatic Ambiance&lt;/option&gt; 
          &lt;option value="14"&gt;Candy's Love Song&lt;/option&gt; 
          &lt;option value="15"&gt;Bad Boss Boogie&lt;/option&gt; 
          &lt;option value="16"&gt;Mine Cart Madness&lt;/option&gt; 
          &lt;option value="17"&gt;Life in the Mines&lt;/option&gt; 
          &lt;option value="18"&gt;Voices of the Temple &lt;/option&gt; 
        &lt;/select&gt;
      &lt;/li&gt;       
    &lt;/ul&gt; 
  
    &lt;p&gt; 
      &lt;select name="products[117][quantity]" id="quantity-117"&gt;
        &lt;option selected="selected" value="1"&gt;1&lt;/option&gt;&lt;option value="2"&gt;2&lt;/option&gt;
        &lt;option value="3"&gt;3&lt;/option&gt;
        &lt;option value="4"&gt;4&lt;/option&gt;&lt;option value="5"&gt;5&lt;/option&gt;
        &lt;option value="6"&gt;6&lt;/option&gt;&lt;option value="7"&gt;7&lt;/option&gt;
        &lt;option value="8"&gt;8&lt;/option&gt;&lt;option value="9"&gt;9&lt;/option&gt;
        &lt;option value="10"&gt;10&lt;/option&gt;&lt;option value="11"&gt;11&lt;/option&gt;&lt;option value="12"&gt;12&lt;/option&gt;
        &lt;option value="13"&gt;13&lt;/option&gt;&lt;option value="14"&gt;14&lt;/option&gt;
        &lt;option value="15"&gt;15&lt;/option&gt;&lt;option value="20"&gt;20&lt;/option&gt;
        &lt;option value="25"&gt;25&lt;/option&gt;
        &lt;option value="30"&gt;30&lt;/option&gt;&lt;option value="40"&gt;40&lt;/option&gt;
        &lt;option value="50"&gt;50&lt;/option&gt;&lt;option value="75"&gt;75&lt;/option&gt;
        &lt;option value="100"&gt;100&lt;/option&gt;
      &lt;/select&gt;
  
      &lt;input type="hidden" name="products[117][product]" value="117" /&gt;
      &lt;input type="hidden" name="products[117][category]" value="catalog" /&gt;
      &lt;input type="hidden" name="cart" value="add" /&gt;
      &lt;input type="submit" name="addtocart"  value="Add to Cart" class="addtocart" /&gt;
    &lt;/p&gt; 
  
  &lt;/form&gt;
  </code></pre>