jQuery click OUT with overlay
<p>I would like it that when the user clicks out of the #email-form div, it is hidden and #stamp is displayed again. I am trying to do this with an overlay div, but it's not working..</p>

<pre><code>            jQuery('#email-form').hide();

        jQuery('#stamp').click(function()  {
            jQuery(this).hide();    
            jQuery('#email-form').show();
            jQuery(

        });

        jQuery('.overlay').click(function() {
                jQuery('#email-form').hide();
                jQuery('#stamp').show();
        });
</code></pre>

<p>---------------------------------- HTML ------------------------------</p>

<pre><code> &lt;div class="overlay" style="width:100%; height:100%;"&gt;&lt;/div&gt;
 &lt;div id="stamp"&gt;&lt;img src="email_postmark.png"/&gt;&lt;/div&gt;
 &lt;div id="email-form"&gt;
    &lt;form id="signup" action="&lt;?=$_SERVER['PHP_SELF']; ?&gt;" method="get"&gt;
         &lt;span id="response"&gt;
     &lt;?php require ('store-address.php'); if($_GET['submit']){ echo storeAddress(); } ?&gt;
     &lt;/span&gt;
    &lt;input type="text" name="email" id="email" placeholder="TYPE EMAIL &amp; PRESS ENTER"/&gt;
    &lt;/form&gt;
    &lt;/div&gt;
</code></pre>
