Trying to hide an element and having trouble

Trying to hide an element and having trouble

I'm trying to figure out what dumb mistake I'm making.

I'm trying to hide the contact form name and contact information at the top of the page:


I installed jquery-1.11.3.min.js in my root folder and then added the below code into my header. I know I am doing something really dumb but can't figure out what it is :/

I would have used CSS to hide it but it uses the same div class as the form below it and I don't want to hide that form.


<script type="text/javascript">
$("document").ready(function() {
$('.panel-heading:contains("Address & Phone")').parent().hide();
});
</script>

Thank you for any help you can provide!