Popup using Jquery with Ajax

<style type="text/css">

    #divPopUp {

        display: none;

        position: absolute;

        min-width: 350px;

        max-width: 700px;

        padding: 10px;

        background: #fff;

        color: #000000 !important;

        border: 1px solid #1a1a1a;

        font-size: 90%;

        min-width: 200px;

        word-wrap: break-word;

        word-break: break-all;

    }

</style>

$(function () 

    {

        var moveLeft = 20;

        var moveDown = 20;

        $(".className").hover(function (e) {

            if (($('#ContentDetails').html() != '')) {

                $('#divPopUp').show();

            }

        },

        function () {

            $('#divPopUp').hide();

        });

        $(".className").mouseleave(function (e) {

            $(#divPopUp').hide();

        });

        $(".className").mousemove(function (e) {

            $’"#divPopUp').css('top', e.pageY + moveDown).css('left', e.pageX + moveLeft).appendTo('body');

        });

    });

<div id="divPopUp">

        <h2>Heading</h2>

        <div id="ContentDetails" runat="server"></div>

</div>