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

[[EMAIL PROTECTED]]

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