title: How to get the clicked element on Ember Component
body: <p>I'm learning EmberJS, I tried to search the docs and stuff but I couldn't get it right so far I've implemented the component and a action to respond on click event, for now it just print something in the console. I want to get the clicked element so I could change it's style and attributes. I'm using the scaffold generated by ember-cli <strong>version 0.2.7</strong> Follows the code:</p>
  
  <p><code>app/components/heart-like.js</code></p>
  
  <pre><code>import Ember from 'ember';
  
  export default Ember.Component.extend({
    actions:{
      click: function (event) {
        console.log(event); // undefined
        console.log("Hello from component");
      }
    }
  });
  </code></pre>
  
  <p><code>app/templates/components/heart-like.hbs</code></p>
  
  <pre><code> &lt;div class="row"&gt;
        &lt;span {{action "click"}} class="pull-right" style="color: #B71C1C;"&gt;&lt;i class="fa fa-2x fa-heart"&gt;&lt;/i&gt;&lt;/span&gt;
  &lt;/div&gt;
  </code></pre>