Do child element register a click event with a parent element in jquery?
<p>if I've got a floating message box and i'm wondering if clicking paragraph text within that box will also register a click on it's parent element in jQuery or if i have to add click listeners for the child elements as well.</p>

<p><strong>update:</strong> here's the basic layout:</p>

<pre><code>&lt;div id='msgbox'&gt;
&lt;p&gt;This is the &lt;span&gt;message&lt;/span&gt;&lt;/p&gt;
&lt;/div&gt;
</code></pre>

<p>Now if i click the text in the <code>&lt;p&gt;</code> or in the <code>&lt;span&gt;</code> will it still trigger as a click on <code>$('#msgbox')</code> ?</p>

<p><strong>update 2:</strong> Can I stop this behavior??</p>

<p><strong>update 3:</strong> here's the fiddle i've got going: <a href="http://jsfiddle.net/MZtbY/" rel="nofollow">http://jsfiddle.net/MZtbY/</a> - now is there a way to stop propagation after it reaches a certain level? so clicking the <code>&lt;p&gt;</code> would be ok, but clicking the <code>&lt;span&gt;</code> would  do nothing? - sort of like <code>$('#msgbox :nth-child').click(function(e) {e.stopPropagation();});</code></p>
