[jQuery] Replace multiple select box options with images

[P]

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?