Очистка формы после отправки сообщения?

Question

[sweezy]

Помогите, как добиться очистки формы после отправки сообщения?

$("#callback").submit(function() {
		$.ajax({
			type: "GET",
			url: "mail.php",
			data: $("#callback").serialize()
		}).done(function() {
			alert("Спасибо за заявку!");
			setTimeout(function() {
				$.fancybox.close();
			}, 1000);
		});
		return false;
	});

Также по клике на определенном значке форма выдвигается, как сделать, чтобы после отправки сообщения форма задвигалась обратно

$("#but1").click(function() { $(this).toggleClass("class1"); });
$("#callback").click(function(event) {
      event.stopPropagation();
      /*...*/
});

.class1 {
	left:0;
	transition: all 1s ease;

}

Answer 1

[Сергей Горностаев]

$("#callback").submit(function() {
    var form = this;
    $.ajax({
        ...
    }).done(function() {
        form.reset();
    });
});

Comments

[sweezy]

Спасибо, а не поможете со сдвиганием формы? изначательно у нее отрицательное положение влево, после нажатия на значок- добавляется класс .class1 с left:0ю как сделать, чтобы этот класс пропадал после нажатия на сообщение alert или очистки формы

[Сергей Горностаев]

sweezy: сложно сказать не видя разметки, но подозреваю, что после form.reset() написать $(#but1).toggleClass("class1");

[sweezy]

Сергей Горностаев: Спасибо еще раз, помогло!