fix form processing

assets/js/home.js

@@ -14,7 +14,10 @@ function getCookie(name) {
    return decodeURIComponent(xsrfCookies[0].split('=')[1]);
 }
 
-function contactRequest() {
+function contactRequest(ev) {
+   ev && ev.preventDefault && ev.preventDefault()
+   ev && ev.stopImmediatePropagation && ev.stopImmediatePropagation()
+
    var name = document.querySelector('input[name=name]').value
    var email = document.querySelector('input[name=email]').value
    var success = document.querySelector('div.alert-success')
@@ -39,14 +42,19 @@ function contactRequest() {
 
       if(resp.ok) {
          success.innerHTML = 'Request Sent'
-         return
+         name = ''
+         email = ''
+         return true
       }
-      return resp.json()
+      return Promise.resolve(resp.json()).then(function(o) {
-   })
+         failure.innerHTML = o.message
-   .then(function(o) {
+      })
-      failure.innerHTML = o.message
    })
    .catch( function(err) {
       failure.innerHTML = 'network error'
    })
 }
+
+document.addEventListener("DOMContentLoaded", function() {
+   document.querySelector('form').addEventListener('submit', contactRequest)
+})

views/contact.html

@@ -1,5 +1,5 @@
 	<h4>Set up a no-obligation fifteen minute call now
-		<form action="#" onsubmit="contactRequest()">
+		<form action="#">
 			<input type="text" name="name" placeholder="Your Name" REQUIRED />
 			<input type="email" name="email" placeholder="Your Email" REQUIRED />
 			<input type="submit" name="submit" value="Let's Chat" />