title: Jquery: Hide child <div> when user clicks inside parent <div>
body: <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>