diff --git a/views/index.html b/views/index.html
index ae29d0e..f257121 100644
--- a/views/index.html
+++ b/views/index.html
@@ -46,7 +46,7 @@
       <h2 style="text-align: left">Front-End:</h2>
       <form id="convertForm" class="border">
         <input type="text" id="convertField" name="input" placeholder="3.1mi" style="width: 200px">
-        <button id="convert" type="button">Convert!</button>
+        <input id="convert" type="submit" value='Convert!'>
       </form>
       <p id='result'></p>
       <code id='jsonResult'></code>
@@ -58,7 +58,8 @@
             crossorigin="anonymous"></script>
     <script>
       $(function() {
-        $('#convert').click(function() {
+        $('#convertForm').submit(function() {
+          event.preventDefault();
           $.ajax({
             url: '/api/convert',
             type: 'get',