php - ajaxコンテンツをロードした後、jqueryツールチップが機能しない

Question

ここに表示されるこのツールチップ スクリプトを使用します: http://www.htmldrive.net/items/show/681/jQuery-and-CSS3-Simple-Tooltip.html

これは私が使用しているもので、いくつかの変更を加えたものと同じです:

$(document).ready(function() {

        $("body").on("mouseover", ".tip_trigger", function(){
            tip = $(this).find('.tip');
            $(".tip").html('Loding...');
            tip.show(); //Show tooltip
        }, function() {
            tip.hide(); //Hide tooltip

        }).mousemove(function(e) {
            var mousex = e.pageX; //Get X coodrinates
            var mousey = e.pageY; //Get Y coordinates
            var tipWidth = tip.width(); //Find width of tooltip
            var tipHeight = tip.height(); //Find height of tooltip


        var X = $('.tip_trigger').offset().left;
        var Y = $('.tip_trigger').offset().top;
        mousex = e.pageX - X+180;
        mousey = e.pageY - Y+105;


            tip.css({  top: mousey, left: mousex });
            $(".tip").html('Loding...');
            var idp= this.title;

             $('.tip').load("/infopage.php", { id: idp});


        });

});

ヒントのあるhtmlは次のようなものです：

<td style="padding-left:4px;"><a href="#" class="tip_trigger" title="40420549">text<span class="tip"></span></a> txtxtxtxt</td>

それはうまくいきますが、問題は、ajaxでいくつかのphpコンテンツをロードした後、そこから来たコンテンツでスクリプトが機能しないことです。

なぜそれが起こるのですか？PHPコンテンツをツールチップにロードする別の方法があれば、それも良いでしょう:)