First output of query results

app/templates/corpora/corpus_analysis.html.j2

@@ -76,18 +76,17 @@
 socket.on('query_results', function(json_results) {
   console.log('Results recieved')
   console.log(json_results)
-  let json_results = json_results;
+  var queryResultsElement = document.getElementById("query-results");
+  for (let json_result of json_results) {
+    queryResultsElement.innerHTML += json_result['tokens'] + '<br>';
+  }
 });
 </script>
 <div class="col s12 m9 l9">
   <div class="card">
     <div class="card-content">
       <span class="card-title">Query Results</span>
-      <table class="responsive highlight">
-       {% for hit in json_results %}
-
-       {% endfor %}
-      </table>
+      <p id="query-results"></p>
     </div>
   </div>
 </div>