Несколько селекторов jQuery для существующих объектов jQuery

Question

Я пытаюсь выполнить аналогичное действие при отправке двух разных форм:

Я могу сделать это, используя:

 $('#form1,#form2,').on('submit', function (e) {
                    e.preventDefault();
                    //Get action URL 
                    serviceUrl = $(this).attr('action')
                   //Dome something
                });

Но есть ли способ иметь несколько селекторов, когда объект jQuery уже объявлен?

var form1=$('#form1');
var form2=$('#form2');

 $($form1,$form2).on('submit', function (e) {
                e.preventDefault();
                //Get action URL 
                serviceUrl = $(this).attr('action')
               //Dome something
            });

Answer 1

Вы можете использовать .add () метод

Создайте новый объект jQuery с элементами, добавленными в набор соответствующих элементов.

$form1.add($form2).on(...)