title: Jquery get the actual control that fired the event.
body: <p>I have a following html:-</p>
  
  <pre><code>&lt;button type="button" class="btn-add"&gt;
    &lt;i class="some-icon"&gt;&lt;/i&gt;
  &lt;/button&gt;
  </code></pre>
  
  <p>which creates a nice fancy button with an icon</p>
  
  <p>I bound an event on the button click:-</p>
  
  <pre><code>function (e) {
    console.log($(e.target));
  }
  </code></pre>
  
  <p>now when i click on the center of the button the output of the above javascript is <code>&lt;i&gt;</code> element because of e.target. Is there any other way to get the actual control that fired this event, in this case the <code>&lt;button&gt;</code> ?</p>