ember.js - Emberフォームの値は未定義です

Question

同様のフォームがあります。newItem コントローラーで送信された値を取得したい場合、「未定義」の値が取得されます。どうしたの？

<form role="form" {{ action 'add' target="newItem" on="submit"}}>
    <h2>New category</h2>
    <div class="form-group">
      <label>Category title</label>
      {{input value=title class="form-control" type="text" placeholder="Title"}}
    </div>
    <div class="form-group">
      <label>Category description</label>
      {{textarea value=description class="form-control" placeholder="Description"}}
    </div>
    <div class="form-group">
      {{input type="submit" class="btn" }}
    </div>
  </form>

App.NewItemController = Ember.ObjectController.extend({
    add: function(){
      console.log(this.get('title')); // undefined
    }
  });

更新:
このフォームは ApplicationRoute にあります:

 App.ApplicationRoute = Ember.Route.extend({
    setupController: function(controller, model) {
      var newItem = this.controllerFor('NewItem');
      controller.set('newItem', newItem);
    }
  });