jQuery .on() selectors
<p>I'm binding events to a container div with jQuery's on() function and supplying a selector of ".myItem".</p>

<pre><code>$container.on('click', '.myItem', { me: this }, MyClass.prototype.onItemClick);
</code></pre>

<p>Everything is working great other than the fact that child elements that don't have a class of "myItem" are still causing the event to fire. Is that the correct behavior? That the selector would match an element with a class of "myItem" AND its children?</p>

<pre><code>&lt;div class="myItem"&gt;
   &lt;div&gt;My Label&lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>From my experiments both of the <code>&lt;div&gt;</code>s above will fire the event. What I want is to a click on the child div to bubble up to the parent one with the class name, then the event fire for that element. I.e. inside the event handler, <code>event.target</code> should always refer to the <code>.myItem</code> element.</p>

<p>Is this possible?</p>
