diff --git a/lib/templates/single_select.mustache b/lib/templates/single_select.mustache
index 288fa7e7bca..302375bfc5e 100644
--- a/lib/templates/single_select.mustache
+++ b/lib/templates/single_select.mustache
@@ -116,8 +116,9 @@
     </form>
 </div>
 {{#js}}
-require(['jquery'], function($) {
-    $('#{{id}}').change(function() {
+require(['jquery', 'core/custom_interaction_events'], function($, CustomEvents) {
+    CustomEvents.define('#{{id}}', [CustomEvents.events.accessibleChange]);
+    $('#{{id}}').on(CustomEvents.events.accessibleChange, function() {
         var ignore = $(this).find(':selected').attr('data-ignore');
         if (typeof ignore === typeof undefined) {
             $('#{{formid}}').submit();