jQuery Hover issue in Firefox
<p>I'm using jQuery to fade in a new image on the hover state and replace the current png with "_over.png". It works well in Chrome and Safari, however it doesn't work in firefox.</p>

<p>Instead of looking for the _over.png in the same folder as my initial .png, it strips the url and doesn't add the _over. So firefox searches for "http:www.png" on the rollover, but the fade still happens.</p>

<p>This is my function:</p>

<pre><code>$(function() {

$('img.fade').hover(function() {
  var src = $(this).attr("src").match(/[^\.]+/) + "_over.png";
   $(this)
      .animate({opacity:0},0)
      .attr('src',src)
      .stop()
      .animate({opacity:1},1000);
 }, 

function() {
  var src = $(this).attr("src").replace("_over", "");
  $(this)
    .animate({opacity:0},0)
    .attr('src',src)
    .stop()
    .animate({opacity:1},1000);
});
});
</code></pre>

<p>I'm new to jQuery and haven't found any solution to this online, so I'm at a total lost. It could just be an obvious stupid mistake. Any help would be greatly appreciated.</p>
