Jquery Ajax FadeIn FadeOut

[mirko000]

Faccio una chiamata Ajax, poi,
faccio un FadeOut sul contenuto, poi lo setto col contenuto nuovo e poi faccio un FadeIn sul contenuto.
Il problema è che a volte ancora prima di fare il FadeOut e FadeIn me lo setta col nuovo contenuto buttato giu dall Ajax..

Perchè? Non rispetta l'ordine di ciò che scrivo??

Grazie!

$(document).ready(function(){ 
	/*Ajax cerca nel sito*/
	$('#Cerca').keypress(function (e) {
		if (e.which == 13) {
			e.preventDefault();
			var Cerca = $("#Cerca").val();
			$.ajax({
				type: "POST",
				url: "AjaxCerca.aspx",
				data: "Cerca=" + Cerca,
				dataType: "html",
				success: function(msg){
					$("#Pag1").fadeOut();
					$("#Pag1").html(msg);
					$("#Pag1").fadeIn();
					$("#RisRicAjaxCer").fadeOut();
					$("#RisRicAjaxCer").html($("#RisRic").html());
					$("#RisRicAjaxCer").fadeIn();
					$(".Freccette").fadeOut();
					$(".Freccette").html($("#FreccetteTot").html());
					$(".Freccette").fadeIn();
				},error: function(){
					alert("Chiamata fallita. Nel caso in cui ci fossero caratteri speciali si prega di rimuoverli e riprovare.");
				}
			});
		}
	});
});






<div id="RisRicAjaxCer" style="text-align: center; display: block;">Risultati ricerca  5</div>	


<div class="Freccette" id="FreccetteUp" style="display: block;"> 			
	<a href="javascript:SetSendPag( 1);">  1 </a>		
</div>	


<div id="Pag1" class="Pag1" style="display: block;">
	<div id="RisRic" style="display:none;">Risultati ricerca  5</div>		
	<div class="Overflow">		
		<div class="Item">		
			BLA BLA BLA BLA BLA
		</div>		
	</div>
</div>

[steeldust]

ciao,
prova a mettere il resto nella funzione callback del fadeOut().
tipo

$("#Pag1").fadeOut(500, function(){ ...... });