Javascript/Jquery Change Select list to Radio Buttons
<p>I have a select list of options that I would like to change to clickable radio buttons. </p>

<p>Here is my select list:</p>

<pre><code>&lt;select id="VariationGroup44" class="select" name="dlVariationGroup44"&gt;
&lt;option value="Select Color"&gt; Select Color &lt;/option&gt;
&lt;option selected="selected" value="1"&gt; Black &lt;/option&gt;
&lt;option value="2"&gt; Red &lt;/option&gt;
&lt;option value="3"&gt; Green &lt;/option&gt;
&lt;option value="4"&gt; Blue &lt;/option&gt;
&lt;/select&gt;
</code></pre>

<p>I've successfully converted this into a UL, but the options were no longer clickable which is why I thought radio buttons would work better. All suggestions are welcomed and very much appreciated!</p>
