Prevent "bubbling"?
<p>I am not sure this is really bubbling, I will explain.</p>

<p>I have this:</p>

<pre><code>&lt;div&gt;
  &lt;div&gt;
    text here
  &lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>How to bind an on click event so that it will affect only the enclosed div? If I set it like this:</p>

<pre><code>jQuery('div').bind('click', function() {
  jQuery(this).css('background','blue');
});
</code></pre>

<p>it makes blue all the divs. If I add false as the third argument(prevent bubbling) to the bind function it does nothing.</p>

<p>How can I solved this?</p>
