Podmiana obrazka - JQuery

<div id="photo"><img src="images/slides/1.jpg"></div>
<div id="menu">
            <a href="#" title="1"><img src="images/slides/thumb/1.jpg"></a>
            <a href="#" title="2"><img src="images/slides/thumb/2.jpg"></a>
            <a href="#" title="3"><img src="images/slides/thumb/3.jpg"></a>
            <a href="#" title="4"><img src="images/slides/thumb/4.jpg"></a>
            <a href="#" title="5"><img src="images/slides/thumb/5.jpg"></a>
            <a href="#" title="6"><img src="images/slides/thumb/6.jpg"></a>
            <a href="#" title="7"><img src="images/slides/thumb/7.jpg"></a>
</div>

$(function(){
    $("#menu a").click(function(){
        $('#photo img').attr('src','images/slides/'+$(this).attr('title')+'.jpg');
        return false;
    });
});