diff --git a/demo/index.html b/demo/index.html
index 1d0e2bbe..84b94830 100644
--- a/demo/index.html
+++ b/demo/index.html
@@ -22,10 +22,9 @@
         <div id="terminal-container"></div>
 
         <div id="zmodem_controls">
-            <form id="zm_choose" style="display: none" action="javascript:void(0)">
+            <div id="zm_choose" style="display: none" action="javascript:void(0)">
                 <label>Choose file(s): <input id="zm_files" type="file" multiple></label>
-                <button type="submit">Send</button>
-            </form>
+            </div>
         </div>
 
         <div>
diff --git a/demo/main.js b/demo/main.js
index 6591c039..8c6a71d8 100644
--- a/demo/main.js
+++ b/demo/main.js
@@ -156,14 +156,15 @@ function zmodemHandleReceiveSession(zsession) {
 }
 
 function zmodemHandleSendSession(zsession) {
-    var choose_form = document.getElementById("zm_choose");
-    choose_form.style.display = "";
+    var chooseForm = document.getElementById("zm_choose");
+    var fileEl = document.getElementById("zm_files");
+
+    chooseForm.style.display = "";
 
     return new Promise( (res) => {
-        choose_form.onsubmit = function(e) {
-            choose_form.style.display = "none";
+        fileEl.onchange = function(e) {
+            chooseForm.style.display = "none";
 
-            var fileEl = document.getElementById("zm_files");
             var filesObj = fileEl.files;
 
             Zmodem.Browser.send_files(