Форма проверки JQuery внутри Bootstrap Modal не отправляется после проверки

Обновлено: Чтобы поставить вопрос в перспективе, я создал еще один Скрипка, который показывает ту же форму вне модального окна.

Когда он соответствует правильным условиям, то есть вы вводите адрес электронной почты и нажимаете кнопку Get Started, он отправляет правильное отображение страницы PHP, в этом случае отображается ошибка 404, но он делает то, что должен делать, РАЗМЕСТИТЬ!

ИСХОДНАЯ ПРОБЛЕМА: Теперь вернемся к проблеме: я хотел бы отправить свою форму внутри модального окна начальной загрузки, но когда я открываю модальное окно, набираю электронное письмо и нажимаю кнопку начала работы: НИЧЕГО НЕ ПРОИЗОШЛО

Что я делаю неправильно? Отсутствует ли решение JavaScript для правильной отправки формы или мешают ошибки проверки?

Я новичок в JavaScript, поэтому я не могу понять решение для кодирования, если оно на самом деле основано на js.

Пожалуйста, помогите мне разобраться в этой странной модальной проблеме, спасибо!

Рабочий пример: https://jsfiddle.net/o5vpt6ck/3/

HTML:

<form id = "signup-form" class = "cd-signin-modal__form" action = "confirm.php" method = "post">
                <h3 class = "bigsentence black text-center font-weight-bold">Create</h3>
                <p class = "cd-signin-modal__fieldset">
                    <label class = "cd-signin-modal__label cd-signin-modal__label--email cd-signin-modal__label--image-replace" for = "signup-email">Enter your email address</label>
                    <input class = "cd-signin-modal__input cd-signin-modal__input--full-width cd-signin-modal__input--has-padding cd-signin-modal__input--has-border signupfield" id = "email" type = "email" name = "email" placeholder = "Enter your email address">
                </p>

                <p class = "cd-signin-modal__fieldset">
                    <input class = "cd-signin-modal__input cd-signin-modal__input--full-width" name = "submit" type = "submit" value = "GET STARTED">
                </p>
            </form>

JS:

$("#signup-form").validate ({

    // validation rules for registration formd
errorClass: "error-class",
validClass: "valid-class",
errorElement: 'div',
errorPlacement: function(error, element) {
    if (element.parent('.input-group').length) {
        error.insertAfter(element.parent());
    } else {
        error.insertAfter(element);
    }
},
onError : function(){
    $('.input-group.error-class').find('.help-block.form-error').each(function() {
      $(this).closest('.form-group').addClass('error-class').append($(this));
    });
},
        rules: {
    email: {email:true, required:true}
  },

    messages: {
        email: {
            required: "Please enter your email address",

        },


            highlight: function(element, errorClass) {
    $(element).removeClass(errorClass);
}    
    }

});