[jQuery] how to preserve the image that was there when I roll over

[jQuery] how to preserve the image that was there when I roll over


Hi,
I have several images on my page, each with class "myClass". I know
when I roll over each image, I want its source to be "over.gif".
However, when I roll out I want the image to be whatever was there
before, and it will be different for each image. How can I construct
mouseover/mouseout handlers to accommodate this?
Here are the handlers I'll presumably be using
$('.myClass').mouseover( function(){ $
(this).attr("src", $(this).attr("src", "over.gif") } );
$('.myClass').mouseout( function(){ $
(this).attr("src", $(this).attr("src", ???) } );
Thanks, - Dave