diff --git a/atlas/templates/atlas/casecollection_form.html b/atlas/templates/atlas/casecollection_form.html
index bc4323d9..5fad20fa 100755
--- a/atlas/templates/atlas/casecollection_form.html
+++ b/atlas/templates/atlas/casecollection_form.html
@@ -43,7 +43,7 @@
                 </ul>
             {% endfor %}
         </div>
-        <button id="case-order-button" title="click and drag to update case order">Update case order</button>
+        <input type=button id="case-order-button" title="click and drag to update case order">Update case order</button>
         {{ case_formset.management_form }}
         <input type="submit" class="submit-button" value="Submit" name="submit">
     </form>
@@ -56,13 +56,14 @@
 $(document).ready(() => {
     sortable('.sortable');
 
-    $("#case-order-button").click(() => {
+    $("#case-order-button").click((e) => {
        let cases = $("#case_formset ul");
        cases.each((n, el) => {
            input_el = $(el).find("input[name$='sort_order']");
            console.log(input_el);
            input_el.val(n+1);
        })
+       evt.preventDefault()
     })
 })
     </script>