jQuery fade replace two images on hover
===

I have problem with my script.

I have object with id "web_click" and image with id "web". I want to make that when I hover (or mouseover) "web_click" in image "web" source will be replace from 'web.png' to 'web_hover.png' (these image have the same dimensions) with fade effect. Of course on 'mouseout' or finish hover source must replace to non-hover image with fade also. 

But now this script make fadeIn on hover to 'web_hover.png' and disappering (both images are not display) and when I move out cursor from "web_click" image come back to 'web.png' with fade effect. Why it hiding when I hover?

    $(document).ready(function(){
	$("#web_click").hover(function() {
	$('#web').fadeOut();
		$("#web").attr ("src","png/two/web_hover.png");
			}, function() {
				$('#web').fadeIn();
		$("#web").attr ("src","png/two/web.png");
	});

    });