diff --git a/static/js/add_stream.js b/static/js/add_stream.js
index bef5efa..cf2f3e5 100755
--- a/static/js/add_stream.js
+++ b/static/js/add_stream.js
@@ -10,4 +10,12 @@ function motionIntervalChange(){
     let motionIntervalInput = document.getElementById("motion_interval");
     let motionIntervalLabel = document.getElementById("motion_interval_label");
     motionIntervalLabel.innerHTML = "Motion Interval (MS): " + motionIntervalInput.value
-}
\ No newline at end of file
+}
+
+document.addEventListener("DOMContentLoaded", function(){
+    motion_interval_slider = document.getElementById("motion_interval");
+
+    motion_interval_slider.addEventListener("input", e => {
+        motionIntervalChange();
+    });
+});
\ No newline at end of file
diff --git a/templates/add_stream.html b/templates/add_stream.html
index 01d4f21..8f51cc6 100755
--- a/templates/add_stream.html
+++ b/templates/add_stream.html
@@ -18,7 +18,7 @@
     <span class="pure-form-message">{{.IntervalMessage}}</span>
 
     <label id="motion_interval_label" for="motion_interval">Motion Interval (MS): 1000</label>
-    <input type="range" id="motion_interval" name="motion_interval" onchange="motionIntervalChange()" value="1000" min="50" max="5000">
+    <input type="range" id="motion_interval" name="motion_interval" value="1000" min="50" max="5000">
     <span class="pure-form-message">{{.MotionIntervalMessage}}</span>
     
     <button type="submit" class="pure-button pure-button-primary">Submit</button>