Remove tight coupling of the model to the view.

todo-example/backbone_require/js/models/todo.js

@@ -19,10 +19,9 @@ define(['underscore', 'backbone'], function(_, Backbone) {
       this.save({done: !this.get("done")});
     },
 
-    // Remove this Todo from *localStorage* and delete its view.
+    // Remove this Todo from *localStorage*.
     clear: function() {
       this.destroy();
-      this.view.remove();
     }
 
   });

todo-example/backbone_require/js/views/todos.js

@@ -24,9 +24,9 @@ define([
     // a one-to-one correspondence between a **Todo** and a **TodoView** in this
     // app, we set a direct reference on the model for convenience.
     initialize: function() {
-      _.bindAll(this, 'render', 'close');
+      _.bindAll(this, 'render', 'close', 'remove');
       this.model.bind('change', this.render);
-      this.model.view = this;
+      this.model.bind('destroy', this.remove);
     },
 
     // Re-render the contents of the todo item.
@@ -68,11 +68,6 @@ define([
       if (e.keyCode == 13) this.close();
     },
 
-    // Remove this view from the DOM.
-    remove: function() {
-      $(this.el).remove();
-    },
-
     // Remove the item, destroy the model.
     clear: function() {
       this.model.clear();