动态创建的div 打开后，点击任意其他地方可以关闭该div

如下图所示，点击“提示”，动态创建一个div后，现在要求点击页面任意其他地方可以关闭该div ，请教下该如何处理？

创建的div 打开后，点击任意其他地方可以关闭该div
OSC青岛济南源创会报名开始！>>> »

如下图所示，点击“提示”，动态创建一个div后，现在要求点击页面任意其他地方可以关闭该div ，请教下该如何处理？

代码如下:

var tooltip = "<iframe frameborder='0' id='hideSelect'></iframe>" +
"<div id='tooltip'>" +
"<h1><a>关闭</a></h1>" +
"</div>"; 
        $("body").append(tooltip);    
        $("#tipContent").html("<div class="n">没有信息</div>");
        var offset = $(this).offset();
        var left = offset.left;
        var top = offset.top+ $(this).height();
        var $tooltip = $("#tooltip");
        $("#hideSelect").css({
                    "top": top + "px",
                    "left": left  + "px",
                    "width": $tooltip.width() + "px",
                    "height": $tooltip.height()+8 + "px"
                });
        $tooltip.css({
                    "top": top + "px",
                    "left": left  + "px"  
                }).show("fast");