[kuchuluk]

здравствуйте. есть модальное окно - это div с id=main-window, и подложка с id=window. само окно расположено внутри подложки.

<div id="window">
		<div id="window-main">
			
		</div>
</div>

стили такие

#window{
	display: none;
	background:rgba(0,0,0,0.6);
	height:100%;
	width:100%;
	position:absolute;
	z-index: 998;
	top: 0;
	left: 0;
	cursor: pointer;
	}
#window-main{
	display: none;
	background:#f1ecec;
	position:absolute;
	z-index: 999;
	width:240px;
	height:151px;
	padding:20px;
	top: 19%;
	left: 50%;
	;
	margin-top: -75;
	}

то есть как видно при загрузке они спрятаны и появляются при нажатии на кнопку с помощью jquery кода

$(".voting-btn").click(function() {
			$("#window-main").css("display", "block");
			$("#window").css("display", "block");
		});

и по задумке они должны снова скрываться при нажатии на подложку тоже с помощью jquery

$("#window").click(function() {
			$("#window-main").css("display", "none");
			$("#window").css("display", "none");
		});

Так и получается, что они исчезают. Но они исчезают еще и при нажатии на само модальное окошко main-window. По логике вещей такого происходить не должно ведь. Что я не правильно делаю?