jquery load() con effetto fade

[sidvizioso]

ho questo codice

$(document).ready(function() {
    $('.jql_cal').click(function() {
        var jrole = $('#jrole').attr("value");
        $('#divcontcalc').fadeOut(1000);
        $('#divcontcalc').load('includes/fanta/calciatori/calciatori.php?role=' + jrole + '&ord=golfatti');
        $('#divcontcalc').fadeIn(1000);
        return false;
    });
}); 

non sono ne esperto di javascript ne di jquery però il problema è questo:
quando clicco su un criterio per ordinare la tabella, vorrei un effetto "fade" che in pratica faccia sparire la tabella corrente per poi, sempre con effetto fade in entrata, far visualizzare la tabella ordinata, ma quando clicco, prima che finisca l'effetto "fadeOut()", già si intravede la tabella ordinata..e poi avviene anche l'effetto di fadeIn()... ho provato a togliere i 1000 millisecondi ma è uguale...

spero abbiate capito la situazione...
e spero in un aiuto!

grazie

[Xinod]

ogni operazione e' da considerarsi callback dell' operazione precedente,
altrimenti non aspetta la temporizzazione o il concludersi della chiamata asincrona prima di procedere

$(document).ready(function() {
    $('.jql_cal').click(function() {
        var jrole = $('#jrole').attr("value");
        $('#divcontcalc').fadeOut(1000,function(){$('#divcontcalc').load('includes/fanta/calciatori/calciatori.php?role=' + jrole + '&ord=golfatti','',$(this).fadeIn(1000))});
        return false;
    });
}); 

ciao

[sidvizioso]

perfetto!
non avevo dubbi sulla validità della tua risposta, mi hai sempre risposto più che correttamente!

grazie