Помогите с JQuery hover

Сегодня начал изучать jquery, написал код, но он что то не работает,
не могу понять почему.


#HTML
<div class="postid">
<div class="p-block">
<h2>...</h2>
<p>....</p>
</div>
</div>

#CSS
.postid {
height:240px;
width:160px;
margin:-10px 5px 0;
background-color:#CCDCE7; float:left;
}
.p-block {
height:230px;
width:150px;
padding:5px;
background: rgba(0, 0, 8, 0.5);
}

Ну и сам собственно код jquery

#JS
$(document).ready(function(){

$("p-block").hover(
function () {
$(this).css('display':'none');
},
function () {
$(this).css('display':'block');
},
$("p-block.fade").hover(
function(){
$(this).fadeOut(100);
$(this).fadeIn(500);
});

});

RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.

Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.

Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.