diff --git a/wagtail/wagtailadmin/static_src/wagtailadmin/js/expanding_formset.js b/wagtail/wagtailadmin/static_src/wagtailadmin/js/expanding_formset.js
index 906984e90..8bf57af0f 100644
--- a/wagtail/wagtailadmin/static_src/wagtailadmin/js/expanding_formset.js
+++ b/wagtail/wagtailadmin/static_src/wagtailadmin/js/expanding_formset.js
@@ -8,6 +8,12 @@ function buildExpandingFormset(prefix, opts) {
     var totalFormsInput = $('#' + prefix + '-TOTAL_FORMS');
     var formCount = parseInt(totalFormsInput.val(), 10);
 
+    if (opts.onInit) {
+        for (var i = 0; i < formCount; i++) {
+            opts.onInit(i);
+        }
+    }
+
     var emptyFormTemplate = document.getElementById(prefix + '-EMPTY_FORM_TEMPLATE');
     if (emptyFormTemplate.innerText) {
         emptyFormTemplate = emptyFormTemplate.innerText;
@@ -20,9 +26,8 @@ function buildExpandingFormset(prefix, opts) {
             .replace(/__prefix__/g, formCount)
             .replace(/<-(-*)\/script>/g, '<$1/script>');
         formContainer.append(newFormHtml);
-        if (opts.onAdd) {
-            opts.onAdd(formCount);
-        }
+        if (opts.onAdd) opts.onAdd(formCount);
+        if (opts.onInit) opts.onInit(formCount);
 
         formCount++;
         totalFormsInput.val(formCount);
diff --git a/wagtail/wagtailusers/static_src/wagtailusers/js/group-form.js b/wagtail/wagtailusers/static_src/wagtailusers/js/group-form.js
new file mode 100644
index 000000000..ee1ccd411
--- /dev/null
+++ b/wagtail/wagtailusers/static_src/wagtailusers/js/group-form.js
@@ -0,0 +1,13 @@
+$(function() {
+    buildExpandingFormset('id_page_permissions', {
+        onInit: function(index) {
+            var deleteInputId = 'id_page_permissions-' + index + '-DELETE';
+            var childId = 'inline_child_page_permissions-' + index;
+            $('#' + deleteInputId + '-button').click(function() {
+                /* set 'deleted' form field to true */
+                $('#' + deleteInputId).val('1');
+                $('#' + childId).fadeOut();
+            });
+        }
+    });
+});
diff --git a/wagtail/wagtailusers/templates/wagtailusers/groups/create.html b/wagtail/wagtailusers/templates/wagtailusers/groups/create.html
index ec125511c..b5712e589 100644
--- a/wagtail/wagtailusers/templates/wagtailusers/groups/create.html
+++ b/wagtail/wagtailusers/templates/wagtailusers/groups/create.html
@@ -33,9 +33,5 @@
 {% endblock %}
 
 {% block extra_js %}
-    {% include "wagtailadmin/pages/_editor_js.html" %}
-
-    <script>
-        {% include "wagtailusers/groups/includes/page_permissions_formset.js" with formset=formset only %}
-    </script>
+    {% include "wagtailusers/groups/includes/group_form_js.html" %}
 {% endblock %}
diff --git a/wagtail/wagtailusers/templates/wagtailusers/groups/edit.html b/wagtail/wagtailusers/templates/wagtailusers/groups/edit.html
index 55886f6ad..ddf76625a 100644
--- a/wagtail/wagtailusers/templates/wagtailusers/groups/edit.html
+++ b/wagtail/wagtailusers/templates/wagtailusers/groups/edit.html
@@ -41,9 +41,5 @@
 {% endblock %}
 
 {% block extra_js %}
-    {% include "wagtailadmin/pages/_editor_js.html" %}
-
-    <script>
-        {% include "wagtailusers/groups/includes/page_permissions_formset.js" with formset=formset only %}
-    </script>
+    {% include "wagtailusers/groups/includes/group_form_js.html" %}
 {% endblock %}
diff --git a/wagtail/wagtailusers/templates/wagtailusers/groups/includes/group_form_js.html b/wagtail/wagtailusers/templates/wagtailusers/groups/includes/group_form_js.html
new file mode 100644
index 000000000..d494ce946
--- /dev/null
+++ b/wagtail/wagtailusers/templates/wagtailusers/groups/includes/group_form_js.html
@@ -0,0 +1,13 @@
+{% load static compress %}
+<script>
+    window.chooserUrls = {
+        'pageChooser': '{% url "wagtailadmin_choose_page" %}'
+    };
+</script>
+
+{% compress js %}
+    <script src="{% static 'wagtailadmin/js/page-chooser.js' %}"></script>
+    <script src="{% static 'wagtailadmin/js/expanding_formset.js' %}"></script>
+    <script src="{% static 'wagtailadmin/js/modal-workflow.js' %}"></script>
+    <script src="{% static 'wagtailusers/js/group-form.js' %}"></script>
+{% endcompress %}
diff --git a/wagtail/wagtailusers/templates/wagtailusers/groups/includes/page_permissions_form.html b/wagtail/wagtailusers/templates/wagtailusers/groups/includes/page_permissions_form.html
index f6f56414d..f113231c8 100644
--- a/wagtail/wagtailusers/templates/wagtailusers/groups/includes/page_permissions_form.html
+++ b/wagtail/wagtailusers/templates/wagtailusers/groups/includes/page_permissions_form.html
@@ -1,17 +1,15 @@
 {% load i18n %}
 
 <td>
-    {% include "wagtailadmin/edit_handlers/field_panel_field.html" with field=form.page only %}
+    {% include "wagtailadmin/shared/field.html" with field=form.page only %}
 </td>
 <td>
-    {% include "wagtailadmin/edit_handlers/field_panel_field.html" with field=form.permission_type only %}
+    {% include "wagtailadmin/shared/field.html" with field=form.permission_type only %}
 
     {{ form.id }}
-    {{ form.ORDER }}
     {{ form.DELETE }}
 </td>
 
 <td>
-    <button class="button-secondary button-small no" id="{{ form.DELETE.id_for_label }}-button">{% trans "Delete" %}</button>
+    <button class="button-secondary button-small no" type="button" id="{{ form.DELETE.id_for_label }}-button">{% trans "Delete" %}</button>
 </td>
-
diff --git a/wagtail/wagtailusers/templates/wagtailusers/groups/includes/page_permissions_formset.html b/wagtail/wagtailusers/templates/wagtailusers/groups/includes/page_permissions_formset.html
index 57eb59ace..7839da07b 100644
--- a/wagtail/wagtailusers/templates/wagtailusers/groups/includes/page_permissions_formset.html
+++ b/wagtail/wagtailusers/templates/wagtailusers/groups/includes/page_permissions_formset.html
@@ -1,7 +1,7 @@
 {% load i18n wagtailadmin_tags %}
 <h2>{% trans "Page permissions" %}</h2>
 
-{{ formset.management_form }}{# what is this? #}
+{{ formset.management_form }}
 
 <table class="listing">
     <col width="40%"/>
@@ -32,7 +32,7 @@
 
 <script type="text/django-form-template" id="id_{{ formset.prefix }}-EMPTY_FORM_TEMPLATE">
 {% escapescript %}
-    <tr>
+    <tr id="inline_child_{{ formset.empty_form.prefix }}">
         {% include "wagtailusers/groups/includes/page_permissions_form.html" with form=formset.empty_form only %}
     </tr>
 {% endescapescript %}
diff --git a/wagtail/wagtailusers/templates/wagtailusers/groups/includes/page_permissions_formset.js b/wagtail/wagtailusers/templates/wagtailusers/groups/includes/page_permissions_formset.js
deleted file mode 100644
index afcf1718d..000000000
--- a/wagtail/wagtailusers/templates/wagtailusers/groups/includes/page_permissions_formset.js
+++ /dev/null
@@ -1,12 +0,0 @@
-$(function() {
-    var panel = InlinePanel({
-        formsetPrefix: "id_{{ formset.prefix }}",
-        emptyChildFormPrefix: "{{ formset.empty_form.prefix }}"
-    });
-
-    {% for form in formset.forms %}
-        panel.initChildControls('{{ formset.prefix }}-{{ forloop.counter0 }}');
-    {% endfor %}
-
-    panel.updateMoveButtonDisabledStates();
-});