title: event.target jquery on() mousedown/up is not giving the dom specified by selector
body: <p>I have this simple html: </p>
  
  <pre><code>&lt;div class="wrapper"&gt;
      &lt;span class="higher"&gt;
          [higher]
          &lt;span class="lower"&gt;
              hello
          &lt;/span&gt;
      &lt;/span&gt;
  &lt;/div&gt;​
  </code></pre>
  
  <p>and this js:</p>
  
  <pre><code>$('.wrapper').on('mousedown', '.higher', function(e){
      alert($(e.target).attr('class'))
      })​
  </code></pre>
  
  <p>Basically, when I click on the "hello" word, I am getting the "lower" instead of "higher". How can I make it so that the event's target is the same as specified in the selector parameter of the <code>on()</code>?</p>
  
  <p>Here's a little fiddle for this
  <a href="http://jsfiddle.net/TUvB7/2/" rel="nofollow noreferrer">http://jsfiddle.net/TUvB7/2/</a></p>