Help with using jquery to replace radioboxes with divs
<p>I'd trying to use the jquery.imagetick.min.js plugin (http://ajaxdump.com/?DgyQHXJO) to replace my radioboxes with divs of different colors.</p>

<p>How can i modify the jquery to show the correct color for each box displayed?  At the moment i can get them all to display a single color but am unsure how to get them tI'm a little stuck!</p>

<pre><code>  &lt;html&gt;
    &lt;head&gt;
    &lt;title&gt;&lt;/title&gt;

    &lt;script type="text/javascript" src="js/jquery.js"&gt;&lt;/script&gt;
    &lt;script type="text/javascript" src="js/jquery.imagetick.min.js"&gt;&lt;/script&gt;
    &lt;script type="text/javascript"&gt;

    // Apply styling to radio boxes for color selector

    $(function(){    
        $("input[name='color_select']").imageTick({
            custom_button: function($label){
                $label.hide();
                return '&lt;div class="custom-radio yellow_box"&gt;&lt;/div&gt;';
            }
        });

    });

    &lt;/script&gt;

    &lt;/head&gt;

    &lt;style&gt;

    #container {
        margin: 50px;
    }

    .custom-radio {
        margin-right: 3px;
        padding: 20px;
        display: inline;
     }
     .custom-radio.selected {
         border: 5px solid black;
     }

     .purple_box {
         background-color: #9873da;
     }

     .blue_box {
         background-color: #77abcc;
     }

    .red_box {
        background-color: #cf444c;
    }

    .yellow_box {
        background-color: #fbc239;
    }

    .orange_box {
        background-color: #ee8d13;
    }

    .green_box {
        background-color: #66c516;
    }

    &lt;/style&gt;

    &lt;body&gt;

    &lt;div id="container"&gt;

    &lt;input type="radio" id="yellow" name="color_select" value="yellow" class="custom-radio yellow_box" checked/&gt;
    &lt;input type="radio" id="orange" name="color_select" value="orange" class="custom-radio orange_box" /&gt;
    &lt;input type="radio" id="red" name="color_select" value="red" class="custom-radio red_box" /&gt;
    &lt;input type="radio" id="green" name="color_select" value="green" class="custom-radio green_box" /&gt;
    &lt;input type="radio" id="blue" name="color_select" value="blue" class="custom-radio blue_box" /&gt;
    &lt;input type="radio" id="purple" name="color_select" value="purple" class="custom-radio purple_box" /&gt;

    &lt;/div&gt;

    &lt;/body&gt;
    &lt;/html&gt;
</code></pre>
