как в jquery изменить src для элемента img при наведеннии мышкой:

onmouseover: <img id='myImage' src='image1.jpg'/>

onmouseout: <img id='myImage' src='image2.jpg'/>

 1:  $(function() {
 2:       $("#myImage")
 3:   
 4:            .mouseover(function() 
 5:            { 
 6:                 $(this).attr("src").replace(/(image2.jpg)/g,"image1.jpg");
 7:            })
 8:   
 9:            .mouseout(function() 
 10:            {
 11:                 $(this).attr("src").replace(/(image1.jpg)/g,"image2.jpg");        
 12:            });
 13:  });