can't hide <p> tag

can't hide <p> tag

Hi guys, I've just started with jQuery and I'm having trouble with the basics.

I've got this simple code:

  1. <!doctype html>
    <html>
        <head>
            <meta charset="utf-8" />
            <title>Demo</title>
            <script src="jquery-1.11.0"></script>
            <script>
                    $(document).ready(function(){
                    $("p").hide();
                });
            </script>
        </head>
        <body>
            <a href="http://jquery.com/">jQuery</a>


            <button>button</button>

            <p>p tag</p>
        </body>
    </html>



















When I view this in a browser, I expect <p> to not be visible, but yet it is. What am I doing wrong here?