diff --git a/index.html b/index.html
index 881dd41..593ab30 100644
--- a/index.html
+++ b/index.html
@@ -90,8 +90,12 @@
            * SUBLUNAR ALMANAC
            *-->
           <div id="calendar">
+            <div id="caption">
+              <center>
+                <h3 class="stoke">How does this work? <a href="http://sublunar.space/2018-12-sublunar-almanac.html#doc">Read!</a></h3>
+              </center>
+            </div>
             <div id="grid">
-                <center><h3 class="stoke">How does this work? <a href="http://sublunar.space/2018-12-sublunar-almanac.html#doc">Read!</a></h3></center>
             </div>
           </div>
 
diff --git a/js/SL.Calendar.js b/js/SL.Calendar.js
index 01eeeb8..574ad13 100644
--- a/js/SL.Calendar.js
+++ b/js/SL.Calendar.js
@@ -134,7 +134,8 @@ SL.Calendar = (function() {
         alert("Sorry, the calculation is limited to 60 days at the moment! Calculating the first 60 out of your desired "+days+" days!");
         days = 60;
       }
-      $('#grid .stoke').html('calculating...please wait');
+      $('#caption .stoke').html('calculating...please wait');
+      $("#grid").empty();
       $('#download').remove();
       Filter.load();
       var files = document.getElementById('fileInput').files;
@@ -234,7 +235,7 @@ SL.Calendar = (function() {
         $('#calendar').isotope('destroy');
         NProgress.done();
         clearTimeout(timeout);
-        $('#grid .stoke').empty();
+        $('#caption .stoke').empty();
       }
     }