diff --git a/src/scripts/search.tag b/src/scripts/search.tag
index 5154ca8..e8fe892 100644
--- a/src/scripts/search.tag
+++ b/src/scripts/search.tag
@@ -16,15 +16,22 @@
         </div>
     </div>
   </form>
+  <div if={ 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();
     });
 }