diff --git a/src/scripts/search.js b/src/scripts/search.js
index 0400a80..c553117 100644
--- a/src/scripts/search.js
+++ b/src/scripts/search.js
@@ -48,7 +48,7 @@ function ResultsPasser() {
 
 var results_passer = new ResultsPasser();
 
-riot.mount("search", {booksLoading : true});
+riot.mount("search", {booksLoading : false});
 riot.mount("results");
 
 function autocomplete(element, endpoint) {
diff --git a/src/scripts/search.tag b/src/scripts/search.tag
index 5ec1938..7df813b 100644
--- a/src/scripts/search.tag
+++ b/src/scripts/search.tag
@@ -19,14 +19,18 @@
   <div if={ opts.booksLoading } class="loading">
   </div>
 </search>
-
+var that = this;
 function submit(ev) {
     console.log("submitted");
+    that.opts.booksLoading = true;
+    that.update();
     var params = $(ev.currentTarget).serialize();
     $.getJSON("/search/fc?"+params,
         function(courses) {
             var fcourses = filterCourses(courses);
             var cgroups = groupsof(3, fcourses);
             results_passer.trigger("new_results", cgroups);
+            that.opts.booksLoading = false;
+            that.update();
     });
 }