Jquery: Hide child <div> when user clicks inside parent <div>
<p>I have the following code and would like to hide a DIV when the user clicks anywhere inside it's parent DIV. If the user clicks outside of the parent DIV then nothing would happen.</p>

<pre><code>&lt;div id="BodyField"&gt;
    &lt;div class="video-field-new"&gt;&lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>So I would like the DIV with "video-field-new" to hide when user clicks inside of #BodyField.</p>

<p><strong>Background</strong>: I have a small banner that lays over a video in the corner when the video is new, but I do not want it to block the video player when the user plays the video. So ideally when the user clicks to play the video, which is inside the #BodyField then the banner will hide.</p>
