Ember action helper

HTML

<script src="https://github.com/downloads/emberjs/ember.js/ember-latest.js"></script>
<script type="text/x-handlebars" data-template-name="peopleView">
  <ul>
  {{#each people}}
    {{#view App.PersonView personBinding="this"}}
      <li>
          {{person.name}}
          <button {{action "hello"}}>Hello</button>
      </li>      
    {{/view}}
  {{/each}}
</ul>
</script>

JavaScript

window.App = Ember.Application.create();

App.Person = Ember.Object.extend();

App.personArray = Ember.ArrayProxy.create({
    content: []
});

App.personArray.pushObject(App.Person.create({"name": "Ian"}));
App.personArray.pushObject(App.Person.create({"name": "Charles"}));

App.PeopleView = Ember.View.create({
    templateName: 'peopleView',
    peopleBinding: 'App.personArray'
        
}).append();


App.PersonView = Ember.View.extend({
    
    person: {},
    
    hello: function(event){
        
        alert(event.target);
        alert(this.person.name);
    },            
})