jquery works, but not ajax

jquery works, but not ajax

I am using a .net4 user control, and after viewing data...all events and ajax working correctly,
 the table data is updated by way of a C# server code,
the data appears correctly, and mouseenter/mouseleave events fire, but the ajax does not execute!

is there some kind of registration of async event or binding i should be doing with the ajax?

  1.      var prm = Sys.WebForms.PageRequestManager.getInstance();
        prm.add_pageLoaded(PageLoadedEventHandler);
        function PageLoadedEventHandler() {
    .......
    $('.calendar').bind('mouseenter', function (e) {
                        var panelpositionLeft = e.pageX - this.offsetLeft;
                        var panelpositionTop = e.pageY - this.offsetTop;
                        var str = findMonth(this.id);
                        var itz = { 'data': str };
                        alert("2");
                        $.ajax({
                            type: "POST",
                            url: '/DynamicPopulate.asmx/UpdatePanel1_DynamicPopulateExtender',
                            data: JSON.stringify(itz),
                            contentType: "application/json; charset=utf-8",
                            dataType: "json",
                            success: function (msg) {
                                $(".balloon").html(msg.d);
                            },
                            error: function (e) {
                                $(".balloon").html("WebSerivce unreachable - can't show details");
                            },
                            complete: function () {
                                var docW = $('.Table').width();
                                // var popW = $('.balloon').width();
                                if (panelpositionLeft > (0.75 * docW)) {
                                    $('.balloon').css({
                                        left: panelpositionLeft - 50 - 200,
                                        top: panelpositionTop - 75,
                                        position: 'absolute'
                                    }).show(600);
                                } else {
                                    $('.balloon').css({
                                        left: panelpositionLeft + 50 + 100,
                                        top: panelpositionTop - 75,
                                        position: 'absolute'
                                    }).show(600);
                                }

                            }
                        });
                    });
    ....}