diff --git a/application/static/src/choiceChange.js b/application/static/src/choiceChange.js
index 9992ac3..430ccc7 100644
--- a/application/static/src/choiceChange.js
+++ b/application/static/src/choiceChange.js
@@ -1,17 +1,3 @@
-
-function docsIndex() {
-    // loads latest index from https://raw.githubusercontent.com/arc53/DocsHUB/main/combined.json
-    // and stores it in localStorage
-    fetch('https://raw.githubusercontent.com/arc53/DocsHUB/main/combined.json')
-        .then(response => response.json())
-        .then(data => {
-            console.log('Success:', data);
-            localStorage.setItem("docsIndex", JSON.stringify(data));
-        }
-    )
-
-}
-
 document.getElementById("select-docs").addEventListener("change", function() {
 localStorage.setItem('activeDocs', this.value)
      fetch('/api/docs_check', {
diff --git a/application/templates/index.html b/application/templates/index.html
index 2e7b0ce..c9c2fb0 100644
--- a/application/templates/index.html
+++ b/application/templates/index.html
@@ -96,6 +96,18 @@ This will return a new DataFrame with all the columns from both tables, and only
   </div>
 </div>
       <script>
+          function docsIndex() {
+                // loads latest index from https://raw.githubusercontent.com/arc53/DocsHUB/main/combined.json
+                // and stores it in localStorage
+                fetch('https://raw.githubusercontent.com/arc53/DocsHUB/main/combined.json')
+                    .then(response => response.json())
+                    .then(data => {
+                        console.log('Success:', data);
+                        localStorage.setItem("docsIndex", JSON.stringify(data));
+                    }
+                )
+
+            }
       // check if api_key is set
         if (localStorage.getItem('apiKey') === null) {
             console.log("apiKey is not set")