Kawfee and js, and a Guardfile to compile the script automatically

Guardfile

@@ -0,0 +1,4 @@
+# A sample Guardfile
+# More info at https://github.com/guard/guard#readme
+
+guard 'coffeescript', :input => "coffee", :output => 'public/js'

coffee/jquery.related_table.coffee

@@ -0,0 +1,21 @@
+jQuery ($) ->
+
+  $.ajaxSetup
+    data:
+      c: 3,
+      d: 4
+
+
+  $("#form1").submit ->
+    console.log( "ser: #{$(@).serialize()}")
+    $.ajax
+      url: "/"
+      data: $(@).serialize()
+      type: "POST"
+      success: (res, status, xhr) =>
+        console.log "res: #{res}"
+      error: (xhr,status, err) =>
+        console.log "failed with error: #{err}"
+      complete: (xhr, status) =>
+        console.log("finished with status: #{status}")
+    false # prevent form submission via html

public/js/jquery.related_table.js

@@ -0,0 +1,31 @@
+(function() {
+
+  jQuery(function($) {
+    $.ajaxSetup({
+      data: {
+        c: 3,
+        d: 4
+      }
+    });
+    return $("#form1").submit(function() {
+      var _this = this;
+      console.log("ser: " + ($(this).serialize()));
+      $.ajax({
+        url: "/",
+        data: $(this).serialize(),
+        type: "POST",
+        success: function(res, status, xhr) {
+          return console.log("res: " + res);
+        },
+        error: function(xhr, status, err) {
+          return console.log("failed with error: " + err);
+        },
+        complete: function(xhr, status) {
+          return console.log("finished with status: " + status);
+        }
+      });
+      return false;
+    });
+  });
+
+}).call(this);