diff --git a/app/views/habits/index.html.erb b/app/views/habits/index.html.erb
index efe98bbd4e..b46a760edd 100644
--- a/app/views/habits/index.html.erb
+++ b/app/views/habits/index.html.erb
@@ -1,74 +1,9 @@
-<%= link_to 'New Habit', new_habit_path %>
+<div id="habits"></div>
 
-<table id="layout">
-  <tr>
-    <td class="panel">
-      <div class="block">
-        <div class='content'>
-          <h2 class='title'>Habits</h2>
-          <div class='inner'>
-            <ul id="habits">
-            <% @habits.each do |habit| %>
-              <%= render :partial => "habit", :locals => { :habit => habit } %>
-            <% end %>
-            </ul>
-          </div>
-        </div>
-      </div>
-    </td>
-    
-    <td class="panel">
-      <div class="block">
-        <div class='content'>
-          <h2 class='title'>Daily</h2>
-          <div class='inner'>
-            <ul id="daily">
-            <% @daily.each do |habit| %>
-              <%= render :partial => "habit", :locals => { :habit => habit } %>
-            <% end %>
-            </ul>
-          </div>
-        </div>
-      </div>
-    </td>
-
-    <td class="panel">
-      <div class="block">
-        <div class='content'>
-          <h2 class='title'>One-offs</h2>
-          <div class='inner'>
-            <ul id="one-offs">
-            <% @one_time.each do |habit| %>
-              <%= render :partial => "habit", :locals => { :habit => habit } %>
-            <% end %>
-            </ul>
-          </div>
-        </div>
-      </div>
-      <%= link_to 'View Completed', :action=>'completed' %>
-    </td>
-    
-    <td class="panel">
-      <div class="block">
-        <div class='content'>
-          <h2 class='title'>Rewards
-            <%= render 'shared/money'%>
-          </h2>
-          <div class='inner'>
-            <% @rewards.each do |reward| %>
-              <li id="reward_<%= reward.id %>" class="reward">
-                <%= link_to(image_tag('dollar.png'), { :controller=>"rewards", :action => "buy", :id => reward.id }, :remote=>true) %>
-                <%= reward.name %>
-                ($<%= reward.value %>)
-                <div class='edit'>
-                  <%= link_to 'Edit', edit_reward_path(reward) %>
-                </div>
-              </li>
-            <% end %>
-          </div>
-        </div>
-      </div>
-      <%= link_to 'New Reward', new_reward_path %>
-    </td>
-  </tr>
-</table>
+<script type="text/javascript">
+  $(function() {
+    // HabitTracker is the app name
+    window.router = new HabitTracker.Routers.HabitsRouter({habits: <%= @habits.to_json.html_safe -%>});
+    Backbone.history.start();
+  });
+</script>