picking off names/values of buttons (there must be a better way)

static/allowances.js

@@ -1,6 +1,11 @@
 $(function() {
     $(".controls").hide();
-    $(".name").click(function(e) {
+    $(".child").click(function(e) {
         $(this).next(".controls").toggle();
     });
+    $(".btn").click(function(e) {
+        var amount = $(this)[0].value;
+        var name = $(this).parent().parent().parent().prev().find(".name").text();
+        console.log(name + " " + amount);
+    });
 });

templates/index.html

@@ -16,13 +16,9 @@
             </thead>
             <tbody>
                 {{ range .children }}
-                <tr class="name">
-                    <td>
-                        {{ .Name }}
-                    </td>
-                    <td>
-                        {{ dollarize .Money }}
-                    </td>
+                <tr class="child">
+                    <td class="name">{{ .Name }}</td>
+                    <td>{{ dollarize .Money }}</td>
                 </tr>
                 <tr class="controls">
                     <td colspan=2 style="text-align: center;">