Есть такой паттерн проектирования - делегирование. В вашем случае вам нужно делегировать событие клика.
Что это значит:
Мы вешаем обработчик клика не на кнопку, а на родителя кнопки (или вообще на документ к примеру). Далее в этом обработчике мы смотрим где у нас была мышка в момент клика (в JS для этого есть свойство
Event.target) и в зависимости от этого выполняем какие-то действия.
Как это выглядит в jQuery:$(document).on('click', 'button', function(e) {
// этот код выполнится только если e.target === 'button'
});
Ну и не нужен вам изврат в виде
.form1,
.form2 и т.п. Используйте обыкновенные классы, без индексов.