diff --git a/accounts/templates/accounts/otp_login.html b/accounts/templates/accounts/otp_login.html
index 5f54f367..0dcdb14e 100644
--- a/accounts/templates/accounts/otp_login.html
+++ b/accounts/templates/accounts/otp_login.html
@@ -39,19 +39,10 @@ <h2 class="form-signin-heading">{% trans "Sign In" %}</h2>
 
 {% block script %}
 <script>
-    $(document).ready(function() {
-        $("#btn-signin").click(function() {
-            // disable button
-            $(this).prop("disabled", true);
-            // add spinner to button
-            $(this).html(
-            `
-            <span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>
-            {% trans "Loading" %}...
-            `
-            );
-            $("#form-signin").submit();
-        });
-});
+    document.getElementById('form-signin').addEventListener('submit', function() {
+        var btn = document.getElementById('btn-signin');
+        btn.disabled = true;
+        btn.innerHTML = '<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span> {% trans "Loading" %}...';
+    });
 </script>
-{% endblock script%}
+{% endblock script %}
diff --git a/accounts/templates/login.html b/accounts/templates/login.html
index 28e67690..5ee35654 100644
--- a/accounts/templates/login.html
+++ b/accounts/templates/login.html
@@ -37,19 +37,10 @@ <h2 class="form-signin-heading">{% trans "Sign In" %}</h2>
 
 {% block script %}
 <script>
-    $(document).ready(function() {
-        $("#btn-signin").click(function() {
-            // disable button
-            $(this).prop("disabled", true);
-            // add spinner to button
-            $(this).html(
-            `
-            <span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>
-            {% trans "Loading" %}...
-            `
-            );
-            $("#form-signin").submit();
-        });
-});
+    document.getElementById('form-signin').addEventListener('submit', function() {
+        var btn = document.getElementById('btn-signin');
+        btn.disabled = true;
+        btn.innerHTML = '<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span> {% trans "Loading" %}...';
+    });
 </script>
-{% endblock script%}
+{% endblock script %}