Почему может не работать форма обратной связи?

<form id="form" method="post">
	<p>Остались вопросы?<br>Оставьте Ваши данные и мы перезвоним!</p>
	<input type="text" name="name" placeholder="Ваше имя*" required="required" pattern="[a-zA-Zа-яА-Я]+">
	<input type="tel" name="phone" placeholder="Ваш телефон*" required="required" minlength="10" maxlength="15">
	<button type="submit" class="button arrow">ЗАКАЗАТЬ КОНСУЛЬТАЦИЮ</button>
	<span class="info">Информация не подлежит разглашению третьим лицам.</span>
</form>

// form
$(document).ready(function() {

	$("#form").submit(function() {
		$.ajax({
			type: "POST",
			url: "mail.php",
			data: $(this).serialize()
		}).done(function() {
			$(this).find("input").val("");
			alert("Спасибо за заявку! Скоро мы с вами свяжемся.");
			$("#form").trigger("reset");
		});
		return false;
	});
	
});

<?php

$recepient = "new.sworker90@gmail.com";
$sitename = "Ermakit";

$name = trim($_POST["name"]);
$phone = trim($_POST["phone"]);
$message = "Имя: $name \nТелефон: $phone;

$pagetitle = "Новая заявка с сайта \"$sitename\"";
mail($recepient, $pagetitle, $message, "Content-type: text/plain; charset=\"utf-8\"\n From: $recepient");