Здравствуйте! В типовой динамической странице есть форма отправки сообщений. Нужно чтобы сообщения уходили аяксом.
<h2>Отправить заявку</h2>
<form action="/send-form/send_form.php" method="post" id="cont_form">
<div class="field">
<div class="field_text">Имя:</div>
<div class="input"><input type="text" name="name" /></div>
</div>
<div class="clear"></div>
<div class="field">
<div class="field_text">Контактный E-mail:</div>
<div class="input"><input type="text" name="email" /></div>
</div>
<div class="clear"></div>
<div class="field">
<div class="field_text">Контактный телефон:</div>
<div class="input"><input type="text" name="phone" /></div>
</div>
<div class="clear"></div>
<div class="field">
<div class="field_text">Текст заявки:</div>
<div class="input"><textarea name="message" rows="10" cols="40"></textarea></div>
</div>
<div class="clear"></div>
<div class="field">
<div class="field_text">Сколько будет 5+5:</div>
<div class="input"><input type="text" name="number" /></div>
</div>
<div class="clear"></div>
<button type="submit" id="sub" class="submit">Отправить</button>
</form>
</div>
<script type="text/javascript">
$("#sub").click(function(){
$.ajax({
url: "/send-form/send_form.php",
type: "post",
cache: false,
dataType: "html",
success: function(){
alert("Данные отправлены");
}
});
});
</script>
Однако это не работает. Подскажите пожалуйста, что не так?