The form does not send messages

jQuery(document).ready(function() { $("#main-form").submit(function() { $.ajax({ type: "POST", url: "../../form.php", data:$(this).serialize(), success: function() { alert('Ваша заявка отправлена!') } }); // event.preventDefault(); return false; }); }); 

 <form id="main-form" method="POST"> <p>Выберите удобный способ связи, мы перезвоним либо напишем и вы сможете задать все интересующие вас вопросы. Так-же произведем рассчет стоимости вашего будущего видео-ролика</p> <div class="radio__container"> <label> <input type="radio" name="messenger" value="email" checked> <span><img src="assets/img/links/1.png"></span> </label> <label> <input type="radio" name="messenger" value="email" checked> <span><img src="assets/img/links/2.png"></span> </label> <label> <input type="radio" name="messenger" value="email" checked> <span><img src="assets/img/links/viber.png"></span> </label> <label> <input type="radio" name="messenger" value="email" checked> <span><img src="assets/img/links/3.png"></span> </label> <label> <input type="radio" name="messenger" value="email" checked> <span><img src="assets/img/links/4.png"></span> </label> <label> <input type="radio" name="messenger" value="email" checked> <span><img src="assets/img/links/5.png"></span> </label> <label> <input type="radio" name="messenger" value="email" checked> <span><img src="assets/img/links/6.png"></span> </label> </div> <input type="text" required placeholder="Укажите ваш мобильный" name="phone" id="phone"> <input type="text" required placeholder="Укажите ваше имя" name="name" id="name"> <input type="submit" value="Запросить звонок" id="submit"> </form>