Смена картинок при наведении

На сайте прописан html:

<div class="clearfix">
	<div class="wrap_big_pict">
		<img src="images/big/1_big.png" alt="" class="big_pict" width="100%">
	</div>
	<div class="wrap_small_pict">
		<div>
			<div><img src="images/small/1.png" alt="" class="small_pict" src-data="1"></div>
			<div><img src="images/small/2.png" alt="" class="small_pict" src-data="2"></div>
		</div>
		<div>
			<div><img src="images/small/3.png" alt="" class="small_pict" src-data="3"></div>
			<div><img src="images/small/4.png" alt="" class="small_pict" src-data="4"></div>
		</div>
		<div>
			<div><img src="images/small/5.png" alt="" class="small_pict" src-data="5"></div>
			<div><img src="images/small/6.png" alt="" class="small_pict" src-data="6"></div>
		</div>
		<div>
			<div><img src="images/small/7.png" alt="" class="small_pict" src-data="7"></div>
			<div><img src="images/small/8.png" alt="" class="small_pict" src-data="8"></div>
		</div>
		<div>
			<div><img src="images/small/9.png" alt="" class="small_pict" src-data="9"></div>
			<div><img src="images/small/10.png" alt="" class="small_pict" src-data="10"></div>
		</div>
	</div>
</div>

И скприпт:

$(document).ready(function() {

	$('.small_pict').hover(function(){
		number=$(this).attr('src-data');
		src="images/big/"+number+"_big.png";
		$('.big_pict').attr("src",src);
	});
});