$j = jQuery.noConflict();

$j(document).ready(function () {

    $j("#menu li").prepend("<span></span>"); //Throws an empty span tag right before the a tag
    $j("#menu li").each(function () { //For each list item...
        var linkText = $j(this).find("a").html(); //Find the text inside of the <a> tag
        $j(this).find("span").show().html(linkText); //Add the text in the <span> tag
    });

    $j("#menu li").hover(function () { //On hover...
        $j(this).find("span").stop().animate({
            marginTop: "-40" //Find the <span> tag and move it up 40 pixels
        },
        250);
    },
    function () { //On hover out...
        $j(this).find("span").stop().animate({
            marginTop: "0" //Move the <span> back to its original state (0px)
        },
        250);
    });

});