title: Marionette.js - Uncaught ReferenceError: text is not defined
body: <p>I wonder if someone can help to find what's wrong in this case. I get "Uncaught ReferenceError: text is not defined" in line 6 app.js:</p>
  
  <pre><code>((__t=( text ))==null?'':_.escape(__t))+
  </code></pre>
  
  <p><strong>driver.js:</strong></p>
  
  <pre><code>var Marionette = require('backbone.marionette');
  var TodoView = require('./views/layout');
  
  var initialData = {
    items: [
      {assignee: 'Scott', text: 'Write a book about Marionette'},
      {assignee: 'Andrew', text: 'Do some coding'}
    ]
  };
  
  
  var App = new Marionette.Application({
    onStart: function(options) {
      var todo = new TodoView({
        collection: new Backbone.Collection(options.initialData.items),
        model: new ToDoModel()
      });
      todo.render();
      todo.triggerMethod('show');
    }
  });
  
  App.start({initialData: initialData});
  </code></pre>
  
  <p><strong>views/layout.js</strong></p>
  
  <pre><code>var Backbone = require('backbone');
  var Marionette = require('backbone.marionette');
  var ToDoModel = require('../models/todo');
  
  var FormView = require('./form');
  var ListView = require('./list');
  
  
  var Layout = Marionette.View.extend({
    el: '#app-hook',
  
    template: require('../templates/layout.html'),
  
    regions: {
      form: '.form',
      list: '.list'
    },
  
    collectionEvents: {
      add: 'itemAdded'
    },
  
    onShow: function() {
      var formView = new FormView({model: this.model});
      var listView = new ListView({collection: this.collection});
  
      this.showChildView('form', formView);
      this.showChildView('list', listView);
    },
  
    onChildviewAddTodoItem: function(child) {
      this.model.set({
        assignee: child.ui.assignee.val(),
        text: child.ui.text.val()
      }, {validate: true});
  
      var items = this.model.pick('assignee', 'text');
      this.collection.add(items);
    },
  
    itemAdded: function() {
      this.model.set({
        assignee: '',
        text: ''
      });
    }
  });
  
  module.exports = Layout;
  </code></pre>
  
  <p><strong>todoitem.html</strong></p>
  
  <pre><code>&lt;%- item.text %&gt; &amp;mdash; &lt;%- item.assignee %&gt;
  </code></pre>
  
  <p>Any can me explain why text is not defined? </p>