Almost there

site/css/main.css

@@ -159,7 +159,7 @@ input#addtasktextfield {
 }
 
 /* line 132, ../src/main.scss */
-.item.first {
+.item:first-child {
   border-top: 1px solid #DDD;
 }
 

site/index.html

@@ -50,7 +50,8 @@
                   <input type="button" id="addtaskbutton" name="addtaskbutton" value="Add Task"></input>
               </div>
               <div id="todolist">
-                  <div id="todo1" class="item first">
+                  <!--
+                  <div id="todo1" class="item">
                       <input type="checkbox"></input>
                       <label class="text">Read "Founder at Work"</label>
                   </div>
@@ -68,12 +69,13 @@
                   </div>
                   <div id="todo5" class="item done">
                       <input type="checkbox" checked></input>
-                      <label class="text">Brush your theeth</label>
+                      <label class="text">Brush your teeth</label>
                   </div>
                   <div id="todo6" class="item done">
                       <input type="checkbox" checked></input>
-                      <label class="text">Wall the dog</label>
+                      <label class="text">Walk the dog</label>
                   </div>
+                  -->
               </div>
           </div>
       </div>

site/js/todo.js

@@ -18,6 +18,84 @@ function autoclear(id, defaultValue) {
     $('#'+id).blur( function() { inputDefaultValue(this,defaultValue) } );
 }
 
+/* Model */
+var TodoList = function() {
+    this.undone = [
+            {id: 1, text: "Read \"Founder at Work\""},
+            {id: 2, text: "Eat lunch"},
+            {id: 3, text: "Pick up Sally from the airport"},
+            {id: 4, text: "Get fresh fruit from the grocery store"},
+        ];
+    this.done = [
+            {id: 5, text: "Brush your teeth"},
+            {id: 6, text: "Walk the dog"},
+        ];
+    this.nextId=7;
+}
+TodoList.prototype.addTodo= function(text) {
+    var self = this;
+    self.undone += { id: self.nextId, text: text };
+    self.nextId += 1;
+}
+
+/* Controller */
+var MainController = function() {
+    this.todolist=new TodoList();
+}
+MainController.prototype.addDone = function(text, id) {
+    var self=this;
+    if (id === null) {
+        id=self.todolist.nextId;
+        self.todolist.nextId+=1;
+        self.todolist.undone += {id: id, text: text};
+    }
+    $('#todolist').prepend('<div id="item_'+id+'" class="item done">'+
+                            '<input type="checkbox" checked></input>' +
+                            '<label class="text">'+text+
+                            '</div>');
+}
+MainController.prototype.addTodo = function(text, id) {
+    var self=this;
+    $('#todolist').prepend('<div id="item_'+id+'" class="item">'+
+            '<input type="checkbox"></input>' +
+            '<label class="text">'+text+'</label>' +
+            '</div>');
+    $('#item_'+id).click(function() {self.finished(id);});
+}
+
+MainController.prototype.finished = function(item_id) {
+    var self=this;
+    log(self.todolist);
+    log(item_id);
+    log('loop');
+    $.each( self.todolist.undone, function (i,v) {
+                log(v['id'])
+                if (v['id'] == item_id) {
+                    element=v;
+                    self.todolist.undone.splice(i,1);
+                    self.todolist.done += v;
+                }
+            });
+    $('.item').remove();
+    self.initialization();
+}
+
+MainController.prototype.initialization = function() {
+    var self=this;
+    $.each( self.todolist.done.reverse(), function(i,v) {
+            self.addDone(v['text'], v['id']);
+    });
+    self.todolist.done.reverse();
+    $.each( self.todolist.undone.reverse(), function(i,v) {
+            self.addTodo(v['text'],v['id']);
+    });
+    self.todolist.undone.reverse();
+}
+
+var mainController = new MainController();
+
+/* Starting loop */
 $(document).ready( function() {
     autoclear('addtasktextfield','Add a task...');
+    mainController.initialization();
 });

site/src/main.scss

@@ -129,7 +129,7 @@ input#addtasktextfield {
     line-height: 39px;
     padding-left: 20px;
 }
-.item.first {
+.item:first-child {
     border-top: 1px solid #DDD;
 }
 .item label { margin-left: 10px; padding-left: 0;}