Insert new task when ENTER is pressed

index.html

@@ -31,7 +31,7 @@
     <script type="text/template" id="taskTemplate">
       <div class="task">
         <div class="link">•</div>
-        <textarea class="edit"><%= content %></textarea>
+        <textarea rows="1" cols="1" class="edit"><%= content %></textarea>
       </div>
     </script>
     <script src="javascripts/vendor/jquery.min.js"></script>

javascripts/app.js

@@ -1,4 +1,5 @@
 var app = app || {};
+var ENTER_KEY = 13;
 
 $(function(){
 

javascripts/views/task.js

@@ -31,8 +31,13 @@ var app = app || {};
       this.$el.removeClass('editing');
     },
 
-    add: function() {
-      this.$input.blur();
+    add: function(e) {
+      if (e.which === ENTER_KEY) {
+        this.$input.blur();
+        var render = new app.TaskView({model: new app.Task()}).render();
+        render.$el.insertAfter(this.$el);
+        render.$input.focus();
+      }
     }
 
   });