title: How to designate Child Div being Clicked inside a Parent Div which also has a click action
body: <p>I have a parent div which has a click action for any of its area. Inside this parent div, i have a child div also with a click action. When i select the child div, both click events fire. </p>
  
  <p>How can i have it designate when child is clicked and not to fire parent click event?</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;div id="Parent"&gt;
      &lt;div class="Child"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>CSS</strong></p>
  
  <pre><code>#Parent
  {
      Width: 300px;
      height: 300px;
      background: #000;
  }
  
  .Child
  {
      Width: 100px;
      height: 100px;
      background: blue;
  }
  </code></pre>
  
  <p><strong>jQuery</strong></p>
  
  <pre><code>$("#Parent").click(function () {
      window.open('http://www.Google.com', '_blank');
  });
  
  $(".Child").click(function () {
      window.open('http://www.Bing.com', '_blank');
  });
  </code></pre>