diff --git a/src/app/index.coffee b/src/app/index.coffee
index 222e2cfc0f..faacba104c 100644
--- a/src/app/index.coffee
+++ b/src/app/index.coffee
@@ -152,14 +152,11 @@ ready (model) ->
     hideCompleted = if $(e.target).attr('href') == '#tab1' then true else false  
     model.set('_hideCompleted', hideCompleted)
       
-  lists = [ 'habit', 'daily', 'todo', 'reward']
-
-  for type in lists
-    list = model.at "_#{type}List"
-
-    # Make the list draggable using jQuery UI
-    ul = $("ul.#{type}s")
-    ul.sortable
+  # Make the lists draggable using jQuery UI
+  # Note, have to setup helper function here and call it for each type later
+  # due to variable binding of "type"
+  setupSortable = (type) ->
+    $("ul.#{type}s").sortable
       dropOnEmpty: false
       cursor: "move"
       items: "li"
@@ -170,12 +167,13 @@ ready (model) ->
         item = ui.item[0]
         domId = item.id
         id = item.getAttribute 'data-id'
-        to = ul.children().index(item)
+        to = $("ul.#{type}s").children().index(item)
         # Use the Derby ignore option to suppress the normal move event
         # binding, since jQuery UI will move the element in the DOM.
         # Also, note that refList index arguments can either be an index
         # or the item's id property
-        list.pass(ignore: domId).move {id}, to
+        model.at("_#{type}List").pass(ignore: domId).move {id}, to
+  setupSortable(type) for type in ['habit', 'daily', 'todo', 'reward']
         
   #TODO: implement this for completed tab
   # clearCompleted: ->
diff --git a/views/app/index.html b/views/app/index.html
index ccdd2de34e..b0ba99f4ed 100644
--- a/views/app/index.html
+++ b/views/app/index.html
@@ -69,7 +69,7 @@
       
       <div class="span3 well">
         <h1>Dailies</h1>
-        <ul classes='dailys'>{#each _dailyList as :task}<app:task />{/}</ul>
+        <ul class='dailys'>{#each _dailyList as :task}<app:task />{/}</ul>
         <app:newTask type=daily><input value={_newDaily} type="text" /></app:newTask>
       </div>