jQuery скрий функция няма работа, [затворен] - jquery, html, css

Здравейте Im търсят изскачащ прозорец да се появи на моята страница и за мен да бъде в състояние да го изключите с помощта на X бутона .. Тук е моят CSS

.sign-up-modal {
width: 590px;
height: 464px;
position:fixed;
z-index:700;
top:180px;
left:50%;
background-image: url("images/youtubeconsole.png");
margin-left:-295px;
display:block;
}

.modalbackground {
width:100%;
height:100%;
background-image: url("images/modalbackground.png");
background-repeat: repeat;
position:fixed;
z-index:99999;
}

.youtubexbutton {
bottom: 12px;
right:13px;
position:absolute;
width:26px;
height:26px;
background-image:url("images/youtubex.png");
}

.youtubexbutton:hover {
background-image:url("images/youtubex-hover.png");
cursor:pointer;
}

В wordpress, в header.php имам ...

<script>

jQuery(document).ready(function(){

jQuery(".youtubexbutton").click(function(){
jQuery(".sign-up-modal").hide();
});

jQuery(".youtubexbutton").click(function(){
jQuery(".modalbackground").hide();
});

}


</script>

В началната ми страница имам ...

<div class="sign-up-modal">
<div class="youtubexbutton"></div>
</div>

Въпреки че модалът се появява, когато натисна youtubexbutton нищо не се случва, надявах се и на двете .modalbackground и .sign-up-modal с напускане на страницата.

Отговори:

Синтактична грешка. Има ) липсва:

jQuery(document).ready(function(){

jQuery(".youtubexbutton").click(function(){
jQuery(".sign-up-modal").hide();
});

jQuery(".youtubexbutton").click(function(){
jQuery(".modalbackground").hide();
});

})