jQuery hover a link swap image

Question

I want to do the follow, if a user hover on a link that the image will swap with a image with '-on' at the end.

But how can i get the swap thing on the image when i hover the a tag?

HTML code:

<div>
    <a href="#">
        <img src="image.jpg" alt="" />
        Here some caption
    </a>
</div>

I can not place the image urls in the header...

Answer 1

$(function () {
    $('a img').hover( function () {
        $(this).attr('src', $(this).attr('src').replace(/\.jpg/, '-on.jpg') );
    });
});

Read the jQuery docs on replace and attr.