สอบถามเรื่องการ กดที่ radio button แล้วเปลี่ยนรูปภาพครับ

<style type="text/css">
.image1 {
	background-image: url(images/jacket_buttons/1.jpg);
	background-repeat: no-repeat;
}
.image2 {
	background-image: url(images/jacket_buttons/2.jpg);
	background-repeat: no-repeat;
}
.image3 {
	background-image: url(images/jacket_buttons/3.jpg);
	background-repeat: no-repeat;
}
</style>
<script type="text/javascript">
$(document).ready(function() {

	$("#myRadiobutton1").click(function() {
							 $("#image").removeClass().addClass("image1");
									 });
	$("#myRadiobutton2").click(function() {
							 $("#image").removeClass().addClass("image2");
									 });
									 $("#myRadiobutton3").click(function() {
							 $("#image").removeClass().addClass("image3");
									 });
});
</script>

<div id="image" style="width:150px; height:213px;">&nbsp;</div>

<input type="radio" class="span1" name="Jacket" id="myRadiobutton1" value="1">
                    Button 1
                    <input type="radio" class="span1" name="Jacket" id="myRadiobutton2" value="1">
                    Button 2
                    <input type="radio" class="span1" name="Jacket" id="myRadiobutton3" value="1">
                    Button 3