Jquery popover flickers on first hover-Collection of common programming errors

Popover not working properly on first hover its flickers, second time it works fine Below is code Data is coming from database using ajax.

Sorry for any wrong think as i am using stake overflow for first time

Jquery:

       $.fn.popover && $('[rel="popover"]').popover({delay: 2000});

       $(".ad-report-tooltip").hover(function(e)
        {

            if($(e.target).attr('data-content') == undefined)
            {

                $(e.target).popover('hide');
                var toolTipId = $(e.target).attr('tooltip-id');
                ajax_request = $.ajax
                (

                    {
                        type:"GET",
                        url: "tooltips?id=" + toolTipId,
                        async: true,
                        contentType: "application/json",
                        dataType: 'jsonp',

                    success: function(data)
                        {

                            //alert(data['result_set']);
                            $(e.target).attr('rel','popover');
                            $(e.target).attr('data-content',data['result_set']);
                            $(e.target).popover('show');

                        },            
                    }    
                );

            }

        },function(){});  
        $(".ad-report-tooltip").mouseout(function(){
            ajax_request.abort();
        });

Html:

Filter By : 

Originally posted 2013-11-15 09:09:07.