diff --git a/static/allowances.js b/static/allowances.js
new file mode 100644
index 0000000..33bf1a0
--- /dev/null
+++ b/static/allowances.js
@@ -0,0 +1,6 @@
+$(function() {
+    $(".controls").hide();
+    $(".name").click(function(e) {
+        $(this).next(".controls").toggle();
+    });
+});
diff --git a/templates/_base.html b/templates/_base.html
index 3e38d76..c82e4c7 100644
--- a/templates/_base.html
+++ b/templates/_base.html
@@ -17,6 +17,6 @@
         </section>
         <script src="/s/jquery-latest.js"></script>
         <script src="/s/bootstrap/js/bootstrap.min.js"></script>
-        {{ template "script" . }}
+        <script src="/s/allowances.js"></script>
     </body>
 </html>
diff --git a/templates/index.html b/templates/index.html
index e2b2aee..52edcd7 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -16,8 +16,8 @@
             </thead>
             <tbody>
                 {{ range .children }}
-                <tr>
-                    <td class="name">
+                <tr class="name">
+                    <td>
                         {{ .Name }}
                     </td>
                     <td>
@@ -39,14 +39,3 @@
         </table>
     </div>
 {{ end }}
-
-{{ define "script" }}
-    <script>
-        $(function() {
-            $(".controls").hide();
-            $(".name").click(function(e) {
-                console.log(e)
-            });
-        });
-    </script>
-{{ end }}