Proof of concept ajax call on submit

.bowerrc

@@ -0,0 +1,3 @@
+{
+	"directory": "public/bower_components"
+}

.gitignore

@@ -1 +1,2 @@
 node_modules/
+public/bower_components/

bower.json

@@ -0,0 +1,8 @@
+{
+    "name": "node-dnssec-name-shame",
+    "private": true,
+    "version": "0.0.0",
+    "dependencies": {
+        "jquery": "^2.1.0"
+    }
+}

public/index.html

@@ -123,6 +123,8 @@ <h3>
         <img src="resources/images/OWNLOGO/OWNLOGO-64x64.png" /> <a href="http://dnssec-name-and-shame.com/">DNSSEC name and shame!</a> &copy; 2013 <a href="http://joelpurra.com/">Joel Purra</a> and Tom Cuddy. Released under the <a href="https://www.gnu.org/licenses/agpl-3.0.html">AGPL-3.0 License</a>.
     </footer>
 
+    <script src="bower_components/jquery/dist/jquery.min.js"></script>
+    <script src="resources/javascript/main.js"></script>
 
     <!-- DO NOT COPY THIS SCRIPT TAG -->
     <!-- It's used for my statistics -->

public/resources/javascript/main.js

@@ -0,0 +1,21 @@
+var nameShameForm = $("#name-shame-form");
+
+function onSubmit(evt) {
+    var domainname = $("[name=domainname]", this).val();
+
+    $.getJSON("/name-shame/", {
+        domainname: domainname
+    })
+        .fail(function(jqXHR, textStatus, errorThrown) {
+            // TODO: show error to the user
+            console.error(jqXHR, textStatus, errorThrown);
+        })
+        .done(function(data, textStatus, jqXHR) {
+            // TODO: use data
+            console.log(data, textStatus, jqXHR);
+        });
+
+    return false;
+}
+
+nameShameForm.on("submit", onSubmit);