Stop click from working on inner elements
<p>I have a div that covers the screen. Within the div is another div and within that, an image get dynamically placed. When the user clicks on the outer div it closes, and that is fine. When the user clicks on the image or the inner div it closes as well, how can I stop that from happening? I only want it to close if they click on the outer div.</p>

<p>This is what I am using; what do I need to do to make this work?</p>

<pre><code>$("#black-out").click(function(){
    $(this).fadeOut("slow");
});
</code></pre>

<p>The HTML:</p>

<pre><code>&lt;div id="black-out"&gt;&lt;div id="image-holder"&gt;&lt;/div&gt;&lt;/div&gt;
</code></pre>
