How to CLOSE not HIDE a div on click using jquery?
<p>I have a modal window with an embeded video, this video plays but then once the mask (outer window) is clicked, the sound etc is still playing in the background.</p>

<p>This is the code:</p>

<pre><code>//if mask is clicked
$('#mask').click(function () {
    $(this).hide();
    $('.window').hide();
});
</code></pre>

<p>I need the window to close not hide. I tried, .remove which works but then once another video is clicked the div has been removed completely and won't play.</p>

<p>HELP !</p>

<p>EDIT- I am using this jquery modal window:</p>

<p><a href="http://www.queness.com/resources/html/modal/jquery-modal-window.html" rel="nofollow">http://www.queness.com/resources/html/modal/jquery-modal-window.html</a></p>

<p>Then im adding a iframe provided by the client to the "dialog".</p>
