Getting access to form properties in Ember.js

view.handlebars

<form>
  <div>
    <label for="name">Name</label>
    {{view Ember.TextField valueBinding="view.name"}}
  </div>

  <div>
    <label for="application">Application</label>
    {{view Ember.TextField valueBinding="view.file" type="file"}}
  </div>

  <input type="submit" value="Create Applicant" />
</form>

view.js

Recruitment.NewApplicantView = Ember.View.extend({
  templateName: 'new_applicant',

  name: '',
  file: null,

  submit: function(event) {
    event.preventDefault();
    console.log(this.get('name'));
    console.log(this.get('file'));
  },
});