diff --git a/docs/main.js b/docs/main.js
index ea9d8c7..e719001 100644
--- a/docs/main.js
+++ b/docs/main.js
@@ -14,3 +14,16 @@ let table = fetch_json(groups_url)
     .then(setup_table)
     .then(setup_filter)
     ;
+
+let math_objects = document.getElementsByClassName("math");
+let katex_switch = document.getElementById("renderWithKatex");
+katex_switch.checked = true;
+katex_switch.addEventListener(
+    "change",
+    function () {
+        let toggle = this.checked;
+        for (let element of math_objects) {
+            toggleKaTeX(element, toggle);
+        }
+    }
+);
diff --git a/docs/math_render.js b/docs/math_render.js
index 5eb0b07..f630362 100644
--- a/docs/math_render.js
+++ b/docs/math_render.js
@@ -18,8 +18,8 @@ function createMathSpan(content) {
     math_tex.className = "math-tex";
     katex.render(prepareTextForKatex(math_text.innerText), math_tex);
 
-    item.appendChild(math_text);
     item.appendChild(math_tex);
+    item.appendChild(math_text);
 
     return item;
 }
@@ -40,16 +40,3 @@ function toggleKaTeX(elt, toggle) {
         }
     }
 }
-
-let math_objects = document.getElementsByClassName("math");
-let katex_switch = document.getElementById("renderWithKatex");
-katex_switch.checked = true;
-katex_switch.addEventListener(
-    "change",
-    function () {
-        let toggle = this.checked;
-        for (let element of math_objects) {
-            toggleKaTeX(element, toggle);
-        }
-    }
-);