Jquery get the actual control that fired the event.
<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>
