[jQuery] Replace multiple select box options with images
I have a select box that looks like this:
<div id="ratings-box">
<select name="ratings2[]" multiple="multiple" id="edit-ratings2">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
</select>
</div>
Now instead of showing it as an regular select box I'd like to present
images to the user.
I have one image prepared if the option is selected:
rating_x_selected.gif (where X is the number 1-6)
And one image if the option isnt selected: rating_x.gif
Can I solve this with jQuery?