Форма исчезает, затемнение экрана остается

[Absalem]

Добрый день! Помогите, пожалуйста, я в скриптах не особо разбираюсь, не могу понять, как сделать, чтобы когда после успешной отправки форма исчезает, исчезало и затемнение.
Код:

Скрытый текст

<div id="myform" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <p id="myModalLabel center" class="callbackp center">Запрос звонка</p>
        </div>
            <div class="modal-body">
                <form id="ajax-contact-form" class="form_online" action="" method="post">
			
                <div class="form-group"><label class="no">Имя</label>
                <input type="text" class="form-control name" placeholder="Как к Вам обращаться?" name="name" required="">
                </div>

                <div class="form-group"><label class="no">Телефон</label>
                <input id="tel" class="form-control phone" placeholder="Введите номер" name="tel" required="">
                </div>
				<input type="hidden" id="userurl"  name="userurl" value="<?php echo (isset($_SERVER['HTTPS']) ? "https" : "http") . "://$_SERVER[HTTP_HOST]$_SERVER[REQUEST_URI]"; ?>" />
                <div class="form-group"><label class="no">Что Вас интересует?</label>
                <textarea class="form-control" placeholder="Задайте вопрос или укажите доп. контакты (можно оставить пустым)" name="message" ></textarea>
                </div>
				
                <button class="btn" data-dismiss="modal" aria-hidden="true">отмена</button>
				<button type="submit" class="btn btn-primary pull-right" data-toggle="modal" data-loading-text="Отправка...">Отправить!</button>	
				
				</form>
		   <div id="note"></div>
        </div>
    </div>
  </div>
</div>

<script src="catalog/view/javascript/jquery.maskedinput.js" type="text/javascript"></script>

<script>
$(document).ready(function() {
$("#ajax-contact-form").submit(function() {
var str = $(this).serialize();
$.ajax({
type: "POST",
url: "catalog/controller/module/contact.php",
data: str,
success: function(msg) {
if(msg == 'OK') {
result = '<div class="H3 notification_ok">Ваша заявка была отправлена, ожидайте звонка в ближайшее время!</br>(мы работаем с 10.00 до 20.00 по московскому времени)</div>';
$("#ajax-contact-form").hide();
$('#myform').delay(5000).fadeOut("slow");
} else {
result = msg;
}
$('#note').html(result).fadeIn();
}
});
return false;
});
});
</script>

 

 

Змінено 5 червня 2017 користувачем Absalem

[Absalem]

Всем спасибо за активное участие  Я перерыла кучу инфы и в итоге разобралась - пишу здесь, вдруг кому пригодится.
Я посмотрела див, который затемняет экран, у него был класс modal-backdrop, и в скрипт, там где идёт закрытие формы, я добавила строчку 

$('.modal-backdrop').delay(3000).fadeOut("slow");