Почему после AJAX-success всплывающее окно не вызывается повторно?

Question

[Light 777]

Есть на сайте обычная кнопка "Оставить заявку", нажимая на которую появляется всплывающее окно и там вводятся имя, телефон и кнопка отправить. Поля заполняются -> кнопка "Отправить" нажимается -> запрос отправляется-> всплывающее окно закрывается, но после этого всего кнопка "Оставить заявку" не реагирует ни на что, без обновления страницы всплывающее окно не появляется. В чем может быть проблема?
кусок JS

$.ajax({
		type: 	method,
		url: 	actionurl,
		async: false,
		data: 	formData,
		success: function(result) {
			$('input[type=text]').val('');
			$('input[type=email]').val('');
			$("#call").hide();//<-----
			$('.modal-overlay').fadeOut();	//<-----
		},
		error:  function(xhr, str){
			alert('Возникла ошибка: ' + xhr.responseCode);
		}
	});
	return false;

проблема началась когда я добавил

$("#call").hide();//<-----
			$('.modal-overlay').fadeOut();	//<-----

Answer 1

[Антон]

Надо вызывать метод закрытия модалки (смотрите в документации к модали), а не скрывать ее методами jquery в css
Что-то вроде $('.modal').modal('close');

Comments

[Light 777]

Спасибо! Работает!