title: No onclick when child is clicked
body: <p>I have the following html code:</p>
  
  <pre><code>&lt;div class="outerElement"&gt;
      &lt;div class="text"&gt;
       Lorem ipsum dolar sit amet
      &lt;/div&gt;
      &lt;div class="attachment"&gt;
        &lt;!-- Image from youtube video here --&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And I have a jQuery onclick event on the <code>.outerElement</code> however, I don't want the <code>.outerElement</code> onclick event to be called when I click on the attachment, is there some way to prevent this or to check which element is clicked?</p>