code: function () {
  			this.allCheckbox = this.$('#toggle-all')[0];
  			this.$input = this.$('#new-todo');
  			this.$footer = this.$('#footer');
  			this.$main = this.$('#main');
  			this.$list = $('#todo-list');
  
  			this.listenTo(app.todos, 'add', this.addOne);
  			this.listenTo(app.todos, 'reset', this.addAll);
  			this.listenTo(app.todos, 'change:completed', this.filterOne);
  			this.listenTo(app.todos, 'filter', this.filterAll);
  			this.listenTo(app.todos, 'all', this.render);
  
  			// Suppresses 'add' events with {reset: true} and prevents the app view
  			// from being re-rendered for every model. Only renders when the 'reset'
  			// event is triggered at the end of the fetch.
  			app.todos.fetch({reset: true});
  		}
docs: At initialization we bind to the relevant events on the `Todos` collection, when items are added or changed. Kick things off by loading any preexisting todos that might be saved in *localStorage*.