diff --git a/templates/index.html b/templates/index.html
index 35b815d437d34e58275f24be48d6bb1eba82ab1b..31e1195555d67f5b4eb4f8baad4f1bea4c9541ca 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -17,24 +17,33 @@
 <form action="search" method="post">
     <input name="term" placeholder="term"><br>
     <input name="context" placeholder="context"><br>
-    <input type="submit" value="Query">
+    <input type="button" value="Query" onclick="execute();">
 </form>
 
-<button onclick="execute();">Execute</button>
+<div id="form-result">
+
+</div>
 
 <script>
     function execute() {
         var http = new XMLHttpRequest();
         var url = '/search';
-        var params = 'term=Freedom&Concept Evaluation'
+        var params = 'term=' + document.getElementsByName("term")[0].value +
+            '&context=' + document.getElementsByName("context")[0].value
+        console.log(params)
         http.open('POST', url, true);
-
         http.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
-
         http.onreadystatechange = function () {
             if (http.readyState == 4 && http.status == 200) {
                 console.log(http.responseText);
-                console.log(JSON.parse(http.responseText));
+                res = JSON.parse(http.responseText)
+                if(res["type"] == "miss"){
+                    document.getElementById("form-result").innerHTML = "No slide found";
+                    return;
+                }
+                img_path = res["path"];
+                html = '<img src="' + img_path + '" height="300px;">';
+                document.getElementById("form-result").innerHTML = html;
             }
         }
         http.send(params);