From 47a540b1dcdcab14156bd9ce433952970ba5ae8b Mon Sep 17 00:00:00 2001
From: Nicolas Perriault <nperriault@gmail.com>
Date: Mon, 7 Feb 2011 13:53:06 +0100
Subject: [PATCH] using a real form and native event to process the form

---
 views/index.html | 24 +++++++++---------------
 1 file changed, 9 insertions(+), 15 deletions(-)

diff --git a/views/index.html b/views/index.html
index 4871b36..3f517cb 100644
--- a/views/index.html
+++ b/views/index.html
@@ -13,10 +13,12 @@
         </p>
         <p><br /><br /></p>
 
-        <p>
-            <input  id="username" type="text" value="Enter your github username and click on generate" />
-            <button type="button" id="gen">Generate</button>
-        </p>
+        <form id="run" action="." method="get">
+            <p>
+                <input id="username" type="text" placeholder="Enter your github username and click on generate" />
+                <button type="submit" id="gen">Generate</button>
+            </p>
+        </form>
 
     </div>
 
@@ -70,18 +72,10 @@
 
 <script type="text/javascript">
 $(document).ready(function() {
-    $('input#username').focus();
-    $('input#username').select();
-
-    $(window).keyup(function(e) {
-        if (e.keyCode == 13) {
-            var genUser = $('#username').val();
-            document.location.href = "/?" + genUser;
-        }
-    });
-    $('#gen').live('click', function() {
+    $('form#run').submit(function(e){
         var genUser = $('#username').val();
-        document.location.href = "?" + genUser;
+        document.location = document.location.pathname + "?" + genUser;
+        e.preventDefault();
     });
 });
 </script>