[jQuery] Fade Out / In text with AJAX call in between

[jQuery] Fade Out / In text with AJAX call in between


Hi there,
I'm trying to display a block of text for 10 seconds, then have it
fade out, load another block of text (AJAX) and fade that in, have
that stay up for 10 seconds and repeat. Sounds easy enough. My text is
inside a

in my #testimonials div.
Here's what I've got:
<script type="text/JavaScript" src="/jquery.js"></script>
<script type="text/JavaScript" src="/jquery.timers.js"></script> //
neat plugin I found here: http://jquery.offput.ca/every/
<script type="text/JavaScript">
$(document).ready(function(){
$("#testimonials").everyTime(10000, function () { //
everyTime repeats every 10 seconds
$("#testimonials p").fadeOut("slow", callback()).fadeIn("slow");
});
function callback() {
    $("#testimonials").load("/randomtestimonial.php");
}
});
</script>
If I remove the callback from fadeOut, my text fades out and fades in
nicely like it should, but as soon as I grab the new text via my load
command in the callback function it displays it immediately so the
text just pops in without the animation.
I've tried a bunch of things to prevent this but my JQuery skills
aren't exactly refined yet. Any suggestions as to something that may
work?