jQuery - ページ遷移でフェードイン(fadeIn)するエフェクトをつけたい

$(function(){
	$('#wrapper:not(body #wrapper)').css({display:'block',opacity:'0'});
	$('#wrapper:not(body #wrapper)').animate({opacity:'1'},500);

	$('body #wrapper').css({display:'block',opacity:'0'});
	$('body #wrapper').animate({opacity:'1'},500);

	$('a').click(function(){
		var pass = $(this).attr("href");
		$('#wrapper').animate({opacity:'0'},5,function(){
			location.href = pass;
		});
	    return false;
	});
});

HTML・・・コンテンツをwrapperで囲ってください

<html>
<head></head>
<body>
<div id="wrapper">
コンテンツ
</div>
</body>
</html>