Неправильно отправляется форма
Добрый день! Пытаюсь на Open Server сделать отправку данных на почту без перезагрузки страницы как показано в <Уроке 3.21. Практика. Отправка писем с сайта> ВЕБ-разработчик 2020, но наткнулся на проблемку. Дело в том, что когда заполняю форму данными она не отправляется, однако, когда форма пустая и нажимаю на отправку то всё прекрасно отправляется, появляется окошко с благодарновтью и на почту приходит пустое письмо.
Подскажите в чем ошибка
<section class="modal">
<div class="modal__window" id="consultation">
<div class="modal__close">×</div>
<div class="modal__title">Просто заполните форму заявки</div>
<div class="modal__descr">и мы перезвоним вам в течении 10 минут</div>
<form class="callBack__form modal__form" action="#" method="POST">
<input name="name" placeholder="Ваше имя" type="text" required>
<input name="phone" placeholder="Ваш телефон" type="tel" required>
<input name="email" placeholder="Ваш E-mail" type="email" required>
<button class="promo__btn button_submit">заказать кОНСУЛЬТАЦИЮ</button>
</form>
</div>
<div class="modal__window" id="order">
<div class="modal__close">×</div>
<div class="modal__title">Ваш заказ:</div>
<div class="modal__descr order-desc"></div>
<form class="callBack__form modal__form" action="#" method="POST">
<input name="name" placeholder="Ваше имя" type="text" required>
<input name="phone" placeholder="Ваш телефон" type="tel" required>
<input name="email" placeholder="Ваш E-mail" type="email" required>
<button class="promo__btn button_submit">заказать кОНСУЛЬТАЦИЮ</button>
</form>
</div>
<div class="modal__window mini" id="thanks">
<div class="modal__close">×</div>
<div class="modal__title">Спасибо за вашу заявку!</div>
<div class="modal__descr">Наш менеджер свяжется с вами в ближайшее время!</div>
</div>
</section>
$('form').submit(function(e) {
e.preventDefault();
$.ajax({
type: "POST",
url: "mailer/smart.php",
data: $(this).serialize()
}).done(function() {
$(this).find("input").val("");
$('#consultation, #order').fadeOut();
$('.modal, #thanks').fadeIn('slow');
$('form').trigger('reset');
});
return false;
});