How to bind event to hide menu
<p>I have created a small plugin to show a dropdown menu when a div is clicked.</p>

<p>Below is the code to get it to work</p>

<pre><code>$('#clickable_div').click(function() {
    $('#nav_menu').showMenu({
        parent:'#clickable_div' 
    });                
});
</code></pre>

<p>Jsfiddle with the plugin : <a href="http://jsfiddle.net/HtNK3/" rel="nofollow">http://jsfiddle.net/HtNK3/</a></p>

<p>So now basically i want to add a functionality where i need to hide the dropdown div when user clicks anywhere 
in the document but not on the dropdown div which is open</p>

<p>How can this be achieved ? </p>
