Clear the input text field after adding a new entry

todo-example/spine/js/app.js

@@ -9,7 +9,8 @@
     TaskApp.prototype.elements = {
       '.items': 'tasks',
       '.countVal': 'counter',
-      'a.clear': 'clearCompleted'
+      'a.clear': 'clearCompleted',
+      'form#new-task input[name=name]': 'newTaskName'
     };
 
     TaskApp.prototype.events = {
@@ -31,7 +32,8 @@
 
     TaskApp.prototype["new"] = function(e) {
       e.preventDefault();
-      return Task.fromForm('form#new-task').save();
+      Task.fromForm('form#new-task').save();
+      return this.newTaskName.val('');
     };
 
     TaskApp.prototype.renderNew = function(task) {

todo-example/spine/src/app.coffee

 class TaskApp extends Spine.Controller
   elements:
-    '.items':    'tasks'
-    '.countVal': 'counter'
-    'a.clear':   'clearCompleted'
+    '.items':                         'tasks'
+    '.countVal':                      'counter'
+    'a.clear':                        'clearCompleted'
+    'form#new-task input[name=name]': 'newTaskName'
 
   events:
-    'submit form#new-task':   'new'
-    'click a.clear': 'clearCompleted'
+    'submit form#new-task': 'new'
+    'click a.clear':        'clearCompleted'
 
   constructor: ->
     super
@@ -19,6 +20,7 @@ class TaskApp extends Spine.Controller
   new: (e) ->
     e.preventDefault()
     Task.fromForm('form#new-task').save()
+    @newTaskName.val('')
 
   renderNew: (task) =>
     view = new Tasks(task: task)