Как сделать при нажатии на изображение, что бы выберался radiobutton?

Question

[mrzgt]

<div class="subtle-pattern" style="float: left; margin-left: 15px; border: 1px solid #ccc;padding-top: 0px;">
<div class="radio">
<label>
<input type="radio" name="myshab_body_background_subtle_patterns" value="<?php echo $file; ?>" class="input-subtle-pattern" style="display">
<div id="smallfoto"><img  src="../image/subtle_patterns/<?php echo $file; ?>" width="50px" height="50px" >   </div>
</label>
</div>									
</div>

Есть код который выводит изображение с RADIO BUTTON, проблема в том, что когда нажимаешь на картинку радиобуттон не меняет статус,нужно подвести мышкой и нажать, не могу понять как исправить, как понял из-за этого джавика

<script>

$(document).ready(function() {

var imgBig = $('#bigfoto img');
	imgSmall = $('#smallfoto img');

imgSmall.click(function(event) {
	event.preventDefault();
	if (imgBig.attr('src') != $(this).attr('src')) {
	imgBig.hide().attr('src',$(this).attr('src'));
	imgBig.load(function() {
		$(this).fadeIn(100);
	});
	}
	imgSmall.fadeTo(500,1);
	$(this).fadeTo(500,0.6);	
});


});
</script>