[jQuery] Img Src replacement

[jQuery] Img Src replacement

<span style="font-family: trebuchet ms,sans-serif;">I have a nav that I do not control the HTML Source.</span><br style="font-family: trebuchet ms,sans-serif;"><br style="font-family: trebuchet ms,sans-serif;"><span style="font-family: courier new,monospace;">
<div class="nav"></span><br style="font-family: courier new,monospace;"><span style="font-family: courier new,monospace;">  <a href="foo.htm"><img src="foo.gif" /></a>
</span><br style="font-family: courier new,monospace;"><span style="font-family: courier new,monospace;">  <a href="bar.htm"><img src="bar.gif" /></a></span><br style="font-family: courier new,monospace;">
<span style="font-family: courier new,monospace;"></div></span><br style="font-family: trebuchet ms,sans-serif;"><br style="font-family: trebuchet ms,sans-serif;"><span style="font-family: trebuchet ms,sans-serif;">
I want to have a hover event applied to the IMG so that when you hover over the img src changes from foo.gif to foo_on.gif and bar.gif to bar_on.gif.</span><br style="font-family: trebuchet ms,sans-serif;"><br style="font-family: trebuchet ms,sans-serif;">
<span style="font-family: trebuchet ms,sans-serif;">How do you do that replace hover?</span><br style="font-family: trebuchet ms,sans-serif;"><br style="font-family: trebuchet ms,sans-serif;"><span style="font-family: trebuchet ms,sans-serif;">
Glen</span><br style="font-family: trebuchet ms,sans-serif;">