diff --git a/smash/web/templates/appointments/add.html b/smash/web/templates/appointments/add.html
index 1cfc3c883b50b027f97ed385d08855e67f279f0b..b29fc125c36b8e753afa41b7067714f4132f7f2f 100644
--- a/smash/web/templates/appointments/add.html
+++ b/smash/web/templates/appointments/add.html
@@ -133,14 +133,15 @@
                     document.getElementById("id_datetime_when").value = dateString;
 
                 },
-                events: get_calendar_events_function("{% url 'web.api.appointments' full_list %}", false),
+                events: get_calendar_events_function("{% url 'web.api.appointments' full_list %}", false)
             });
 
         });
 
-        appointment_type_behaviour($("input[name='appointment_types']"), $("input[name='length']"), "{% url 'web.api.appointment_types' %}");
+        var lengthInput = $("input[name='length']");
+        appointment_type_behaviour($("input[name='appointment_types']"), lengthInput, "{% url 'web.api.appointment_types' %}");
         appointment_flying_team_place_behaviour($("select[name='flying_team']"), $("select[name='location']"));
-        appointment_date_change_behaviour($("input[name='datetime_when']"), $("select[name='worker_assigned']"), $("input[name='length']"));
+        appointment_date_change_behaviour($("input[name='datetime_when']"), $("select[name='worker_assigned']"), lengthInput);
     </script>
 
     {% include "includes/datetimepicker.js.html" %}