Почему закрывается модальное окно при нажатии внутри него?

Question

[SzarekhWH]

Имеется модальное окно и оверлей.
При нажатии внутри окна подложка просто убирается, а окно остается. Если нажать вне окна, то все нормально закрывается.

<div id="modal1" class="modal_div">
	<div class="subtitle2"><p>Остался последний шаг</p></div>
	<form id="callback-form" class="callback-popup-form popu_form"  >
		<input placeholder="Ваше имя" name="name" required type="text">
		<input type="text" name="phone" placeholder="Телефон" id="phone" required>
		<input type="submit" class="form_btn" value="Оставить заявку">
	</form>
</div>
<div id="overlay"></div>

Скрипт:

$(document).ready(function(){
		var overlay=$('#overlay');
		var open_modal=$('.open_modal');
		var close=$('.modal_close, #overlay');
		var modal=$('.modal_div, .privacy_policy');
		open_modal.click(function(event){
			event.preventDefault();
			var div=$(this).attr('href');
			overlay.fadeIn(400,function(){
				$(div).css('display','block').animate({
					opacity:1,
					top:'50%'},200)
			})
		});
		close.click(function(){
			modal.animate({
				opacity:0,
				top:'45%'
			},200,function(){
				$(this).css('display','none');
				overlay.fadeOut(400)
			})
		})
	});

Answer 1

[0x3a]

Тут идет выбор кнопки И всего оверлея: var close=$('.modal_close, #overlay');
Видимо должно быть var close=$('#overlay .modal_close');