窗口关闭时弹出div

Question

我想在用户点击关闭窗口按钮时创建一个POPUP div。

目前我有这段代码：

JS：

<script type="text/javascript">

function PopIt() { 
    $("a#trigger").trigger('click');
    window.onbeforeunload = UnPopIt;
    return "Would you like to join our mailing list for other offers?"; 
}

function UnPopIt()  { /* nothing to return */ } 

$(document).ready(function() {
    window.onbeforeunload = PopIt;

    $("a#trigger").fancybox({
        'hideOnContentClick': false,
        'showCloseButton': false
    });

    $("a[id!=trigger]").click(function(){ window.onbeforeunload = UnPopIt; });
});

<div style="display: none;">
    <a id="trigger" href="#popup">&nbsp;</a>
    <div id="popup" style="width: 250px; height: 400px;">
        <p>This would be an aweber form.</p>
    </div>
</div>

它有效，但不是我需要的方式。它弹出标准浏览器框，带有两个按钮，停留或离开。我想弹出id为POPUP的div。

拜托，有人可以帮我修改我的代码吗？

FIDDLE

谢谢！