[jQuery] replace text on hover

[jQuery] replace text on hover


Hey there, I'm redesigning my website at the moment and am looking to
do things a little more efficiently this time around.
Currently, I have something that looks like this like this:
HEADING NUMBER ONE
image one
image two
image three
HEADING NUMBER TWO
image four
image five
image six
When someone hovers over image one, the actual text of "HEADING NUMBER
ONE" changes to "IMAGE ONE IS COOL," and reverts when their cursor
passes out of the image.
When someone hovers over image five, the actual text of "HEADING
NUMBER TWO" changes to "IMAGE FIVE IS THE COOLEST," and reverts when
their cursor passes out of the image.
The "images" in question will actually be used to manipulate a
Galleriffic 1.0 slideshow, built on jQuery, so I'd love to find a
nice, efficient way to do this, also using jQuery.
Any thoughts?
Thanks!