New habit at bottom of lists, create on enter

app/assets/javascripts/backbone/templates/habits/habit.jst.ejs

@@ -12,7 +12,7 @@
   <% } %>
 <% } %>
 
-<%= name %>
+<span class="habit-text"><%= name %></span>
 <div class='edit'>
   <% if (notes) { %>
     <!-- TODO how to make this assets-aware? image_tag('comment.png', :class=>'comment') -->

app/assets/javascripts/backbone/templates/habits/index.jst.ejs

@@ -1,5 +1,3 @@
-<a href="#/new">New Habit</a>
-
 <table id="layout">
   <tr>
     <td class="panel">
@@ -8,6 +6,7 @@
           <h2 class='title'>Habits</h2>
           <div class='inner'>
             <ul id="habits-habits" />
+              <input class="new-habit" data-type="1" placeholder="New Habit" type="text" />
           </div>
         </div>
       </div>
@@ -19,6 +18,7 @@
           <h2 class='title'>Daily</h2>
           <div class='inner'>
             <ul id="habits-daily" />
+              <input class="new-habit" data-type="2" placeholder="New Daily" type="text" />
           </div>
         </div>
       </div>
@@ -40,13 +40,13 @@
               </div>
               <div id="tabs-2">
                 <ul id="habits-todos-done" />
+                <a href="#" class="clear-completed">Clear Completed</a>
               </div>
             </div>
-            
+            <input class="new-habit" data-type="3" placeholder="New Todo" type="text" />
           </div>
         </div>
       </div>
-      <!-- TODO link_to 'View Completed', :action=>'completed' -->
     </td>
     
     <td class="panel">
@@ -56,12 +56,11 @@
             <div id="money"></div> 
           </h2>
           <div class='inner'>
-            <!-- TODO rewards code block (see old code) -->
             <ul id="rewards" />
+            <input class="new-habit" data-type="4" placeholder="New Reward" type="text" />
           </div>
         </div>
       </div>
-      <!-- TODO link_to 'New Reward', new_reward_path --> 
     </td>
   </tr>
 </table>