title: get original element from ng-click
body: <p>I have a list of items in my view with <code>ng-click</code> attached to them:</p>
  
  <pre><code>&lt;ul id="team-filters"&gt;
      &lt;li ng-click="foo($event, team)" ng-repeat="team in teams"&gt;
           &lt;img src="{{team.logoSmall}}" alt="{{team.name}}" title="{{team.name}}"&gt;
      &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>I'm handling the click events in the <code>foo</code> function in my directive, passing <code>$event</code> as a reference to the object that's been clicked, but I'm getting a reference to the <code>img</code> tag, rather than the <code>li</code> tag. I then have to do stuff like this to get the <code>li</code>:</p>
  
  <pre><code>$scope.foo = function($event, team) {
     var el = (function(){
         if ($event.target.nodeName === 'IMG') {
            return angular.element($event.target).parent(); // get li
         } else {
            return angular.element($event.target);          // is li
         }
     })();
  </code></pre>
  
  <p>Is there a simple way to get the reference to the element that <code>ng-click</code> is bound to, without doing DOM operations in my directive?</p>