Почему не работает форма в модальном окне?

Question

[GriiOne]

На сайте 2 формы + много форм в модальных окнах на втором экране. Формы которые на сайте работают как нужно, а в модальных окнах кнопка отправки вообще никак не реагирует.
Помогите понять, почему так происходит?

Формы используют один обработчик js:

$(document).ready(function () {
$("form").bind("submit", function () {
    // Получение ID формы
    var formID = $(this).attr('id');
    // Добавление решётки к имени ID
    var formNm = $('#' + formID);
    $.ajax({
        type: "POST",
        url: 'mail.php',
        data: formNm.serialize(),
        success: function (data) {

            $(formNm).html(data);
        },
        error: function (jqXHR, text, error) {
            // Вывод текста ошибки отправки
            $(formNm).html(error);         
        }
    });
    return false;
});

Пример кода в модалке (все id разные):

<form method="POST" id="form_modal5">
    <input type="text" name="t-number"  placeholder="Ваш телефон" required />
    <input type="submit" placeholder="Получить консультацию" />
    </form>

Answer 1

[tyzberd]

потому что модалка генерируется и в нее копируется форма.
Пробуйте

$(document).on("submit", "form", function () {

});

https://learn.javascript.ru/event-delegation
api.jquery.com/on/#direct-and-delegated-events

Comments

[GriiOne]

Удивительно. Всё равно не работает.
Все формы отправляются, а с модалок кнопка не реагирует.

[GriiOne]

Модалка кстати изначально свёрстана, и там просто меняется класс на active. По сути всё должно работать и без (document), но не работает.