Catch a Mouse Click Event Out Side a Element
<p>Here is what I am doing. </p>

<p>I am displaying a box, after click at a link
<strong>CSS</strong></p>

<pre><code>#toshow { display:none; }
</code></pre>

<p><strong>HTML</strong></p>

<pre><code>&lt;a href="#" id="mylink" &gt;Link&lt;/a&gt;
&lt;div id="toshow"&gt;Here is my content&lt;/div&gt;
</code></pre>

<p><strong>Jquery</strong></p>

<pre><code>$(document).ready(function() {
     $("#mylink").click(function() { 
         $("#toshow").show();
     });
});
</code></pre>

<p>Now I want to catch a event, where the user clicks the mouse, and if the portion the user is clicking is not either the link or the division, then the division should hide again.</p>

<p>How to do this?</p>
