diff --git a/static/js/app.js b/static/js/app.js
index 4964e9b..ccdedda 100644
--- a/static/js/app.js
+++ b/static/js/app.js
@@ -124,7 +124,7 @@ function Prompt() {
     }
 }
 
-function roomReservation(id) {
+function roomReservation(id, csrfToken) {
     document.getElementById("check-availability").addEventListener('click', () => {
         let html = `
                 <form id="check-availability-form" action="/availability-json" method="post" novalidate class="needs-validation">
@@ -158,7 +158,7 @@ function roomReservation(id) {
             callback: (result) => {
                 const formElem = document.getElementById("check-availability-form");
                 let formData = new FormData(formElem);
-                formData.append("csrf_token", "{{.CSRFToken}}");
+                formData.append("csrf_token", csrfToken);
                 formData.append("room_id", id)
 
                 fetch('/availability-json', {
diff --git a/templates/generals.page.tmpl b/templates/generals.page.tmpl
index fd040d2..d630b68 100644
--- a/templates/generals.page.tmpl
+++ b/templates/generals.page.tmpl
@@ -30,6 +30,6 @@
 {{end}}
 {{define "js"}}
 <script>
-roomReservation("1");
+roomReservation("1", {{.CSRFToken}});
 </script>
 {{end}}
diff --git a/templates/majors.page.tmpl b/templates/majors.page.tmpl
index 2bd8b81..314689d 100644
--- a/templates/majors.page.tmpl
+++ b/templates/majors.page.tmpl
@@ -30,6 +30,6 @@
 {{end}}
 {{define "js"}}
 <script>
-    roomReservation("2");
+roomReservation("2", {{.CSRFToken}});
 </script>
 {{end}}