[jQuery] load with callback confusion

[geegler]

How come this code doesn't work?

$("span#myinfo").mouseover(function(){
    $("span#mycontent").load("mytext.txt",function(){
        var soffset = $(this).offset();
        var stop = soffset.top;
        var ihgt = $("div#footer").css("height");
        var mtop = $("div#mydiv").css("top");
        var mhgt = $("div#mydiv").outerHeight() + 50;
        var ntop = stop - mhgt;
        $("div#mydiv").css("top",ntop);
        $("div#mydiv").fadeIn("slow");
    });
});

This version works but, I don't want to display the div element until
the small text file has completed loading.

$("span#myinfo").mouseover(function(){
    $("span#mycontent").load("mytext.txt");
    var soffset = $(this).offset();
    var stop = soffset.top;
    var ihgt = $("div#footer").css("height");
    var mtop = $("div#mydiv").css("top");
    var mhgt = $("div#mydiv").outerHeight() + 50;
    var ntop = stop - mhgt;
    $("div#mydiv").css("top",ntop);
    $("div#mydiv").fadeIn("slow");
});