jQuery(".wrapper-form").append("<h3 style='color:red;'><center>Спасибо! Ваша заявка принята в работу. Скоро мы с Вами свяжемся.</center></h3>");
после отправки отрабатывает этот код.
Значит у всех ваших форм есть класс "wrapper-form".
Либо сделайте в каждой форме уникальный wrapper, либо можно сделать правильно и обойтись одной функцией для всех форм, например:
function SendPost(form) // Наша функция, которая будет осуществлять ajax-отправку
{
jQuery.ajax({ // Начала конструкции для работы с Ajax через jQuery
type: "GET", // Метод, которым получаем данные из формы
url: form.attr('action'), // Обработчик формы.
data: form.serialize(), // Этот метод, берет форму с id=form и достает оттуда данные
success: function(html) { // функция выполняемая при успешном отправлении данных
form.find(".wrapper-form").empty().append("<h3 style='color:red;'><center>Спасибо! Ваша заявка принята в работу. Скоро мы с Вами свяжемся.</center></h3>"); // вставляем сообщение об успехе
}
});
}
и вешать событие так
$('form').on('submit', function(){
SendPost($(this)); // и тогда при отправке любой формы, в функцию будет попадать именно та
// форма, которую отправили
});
постараюсь объяснить, что такое
$(this)
на одном примере:
$(".el").on('click', function() { // по клику на класс "el" все элементы с этим классом очистятся
$(".el").empty();
});
$(".el").on('click', function() { // по клику на класс "el" только один очистится (по которому click)
$(this).empty();
});
и так с любым событием.
И еще:
$('.test').empty();
$('.test').append("<div></div>");
тоже самое, что:
$('.test').empty().append("<div></div>");