Simple img hover change not working. What am I missing?

Simple img hover change not working. What am I missing?

Frustrated and exhausted.  I've created a menu with the following code, but I'm getting this error (" invalid assignment left-hand side").  Please help.
  1.  <a class="nav-image" href="/menu-link'">
  2.    <img class="image-menu-rollover" src="/image.png">
  3.    <span class="nav-txt">menu-title</span>
  4. </a>

  1. jQuery.preloadImages = function() { for(var i = 0; i<arguments.length; i++) { jQuery("<img>").attr("src", arguments[i]); }}
  2. $.preloadImages('.$images.');
  3. $(function() { $("a.nav-image").hover(
  4.   function() { $(this).find("img").attr("src") = $(this).find("img").attr("src").replace("_normal","_hover"); },
  5.   function() { $(this).find("img").attr("src") = $(this).find("img").attr("src").replace("_hover","_normal"); }
  6. );})


What am I missing?  Thank you for your time.