Здравствуйте. У меня есть такой код: 
<p>
    <style type="text/css">
        			#gallery-1 {
        				margin: auto;
        			}
        			#gallery-1 .gallery-item {
        				float: left;
        				margin-top: 10px;
        				text-align: center;
        				width: 25%;
        			}
        			#gallery-1 img {
        				border: 2px solid #cfcfcf;
        			}
        			#gallery-1 .gallery-caption {
        				margin-left: 0;
        			}
        			/* see gallery_shortcode() in wp-includes/media.php */
        		
    </style>
</p>
Как мне скрыть параграф? Пробовал так:
$('style').parent('p').style.display = 'none';
не получается, отладчик пишет "Uncaught TypeError: Cannot set property 'display' of undefined". Что я не так сделал?