проблема с fadeOut в jQuery
 

Пытаюсь сделать следующее: при нажатии на див меню, поверх всего должен отобразится див 100%х100%. При нажатии на img с селектором close_ этот див должен "закрыться"

Такая структура в хтмл

<div id="wrapper">
		<div></div>
        		<div></div>
                	<div></div>
	</div>
<script src="js/script.js" type="text/javascript"></script>
     <div id="hid">
      <div id="block">
      	<div id="head"><img src="images/Close.jpg" alt="close" id="close_"/></div>
        <div id="telo"></div>
      </div>
     </div>

стили

#wrapper {
	position:relative;
	top:-300px;
	margin: 50% auto;
	height: 300px;
	width:1000px;
	z-index:1;
}
#hid {
	display: none;
	position:relative;
	top:0px;
	left:0px;
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
	position: absolute;
	z-index: 2;
	background-image: url(../images/fon.png);
	background-repeat: repeat;
}
#block {
	display:block;
	position:relative;
	top:-400px;
	margin: 50% auto;
	padding:0px;
	background-color: #CCCCCC;
	text-align: center;
	height: 502px;
	width: 702px;
	border: 1px solid #333333;
}
#close_ {
	position:relative;
	left: 330px;
	padding:0px;
	margin:0px;
	height: 30px;
	width: 30px;
	cursor:pointer;
}

В script.js записано следующее

$("div","#wrapper").click(function(){
$("#hid").fadeIn("slow");
});

этот кусок нормально работает...

$("#close_").click(function () {
$("#hid").fadeOut("slow");
});

а вот этот нет((( Подскажите плиз что не так? Вроде все правильно написал...

вопрос решен