With two nested elements, a click on the lowest does not fire the click event from the top one
<p>If got three nested elements:</p>

<pre><code>&lt;div class='container' fb-href='someUrl'&gt;
   &lt;span class='someText'&gt;
         Lorem ipsum dolor sit amet, &lt;a href='url'&gt;consectetur&lt;/a&gt; adipiscing.
   &lt;/span&gt;
&lt;/div&gt;
</code></pre>

<p>On the outer div I've got an click event:</p>

<pre><code>$('.container').click(function(){
   window.open($(this).attr('fb-href'));
});
</code></pre>

<p>How can I avoid the event being fired if I click the url within .someText? (Because I off course want to let the user go to the a-link instead of the container-link.)</p>
