Есть простая форма, которую получилось отправить, но не пойму почему происходит перезагрузка страницы? ajax же должен отправлять без перезагрузки. Что я делаю не так? Кроме того в url
помещается все данные из формы даже после перезагрузки. Вообщем, что то идет не так, а что именно не могу разобраться, кто может, подскажите плиз...
$(document).ready(function () {
$("#form").submit(function() {
var form_data = $(this).serialize();
$.ajax({
type: "POST",
url: "send.php",
data: form_data,
success: function() {
alert("Ваше сообщение отпрвлено!");
}
})
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form class="contact-form" name="myForm" id="form">
<div class="contact-form__item">
<input class="contact-form__input" type="text" name="Name" placeholder="ФИО">
</div>
<div class="contact-form__item">
<input class="contact-form__input" type="tel" name="Phone" id="tel" placeholder="+38 (099) 000-00-00">
</div>
<div class="contact-form__item">
<input class="contact-form__input" type="email" name="Email" placeholder="Email">
</div>
<div class="contact-form__item">
<select class="contact-form__input" name="Select">
<option>Тестирование сайта</option>
<option>Тестирование моб. приложения</option>
<option>Тестирование прототипа</option>
<option>Тестирование веб-сервиса</option>
<option>Другое</option>
</select>
</div>
<div class="contact-form__item">
<textarea class="contact-form__textarea" name="Message"></textarea>
<input class="btn-main contact-form__submit" type="submit" value="Бесплатная Консультация">
</div>
</form>