Tooltip Problem js

$(function(){
    $('div[tooltip="true"]').hover(
        function(e){
            x = e.clientX;
            y = e.clientY;
            newX = x + 10;
            newY = y + 5;
            $('#tool_tip_text_content').css({'left':newX, 'top':newY});
            html_content = '<p>Some Html content</p>';
            $('div#tool_tip_text_content').html(html_content);
            $('#tool_tip_text_content').slideDown(500);
        },
        function(e){
            $('div#tool_tip_text_content').html('');
            $('#tool_tip_text_content').slideUp(0);
        }
    );
});