title: jQuery selector hide function
body: <p>This is the content of my HTML file:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
              &lt;!-- The above DOCTYPE declaration tells the browser that this page conforms to HTML 5 standards --&gt;
      &lt;head&gt;
  
          &lt;meta http-equiv="author" content="Chris" /&gt;
          &lt;link href="jquery.css" type="text/css" rel="stylesheet" /&gt;
  &lt;/script&gt;
      &lt;script src="js/jquery-3.3.1.min.js"&gt;
  &lt;/script&gt;
  &lt;script&gt;
      $(document).ready(function() {
          $('#message').hide();
      });
  &lt;/script&gt;
      &lt;/head&gt;
      &lt;body&gt;
          &lt;p id="message"&gt;Hello World!&lt;/p&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>I have a file named jquery.js, which is a minified version of jQuery 3.3.1, and it is saved in the folder <strong>js</strong> in which my HTML file and CSS file are located. In this document, I am trying to hide the paragraph with the ID of <em>message</em> using the hide() function, but when I open up the file in a Google Chrome browser, the paragraph is still there.</p>
  
  <p>Note: Clearly, I am new to JavaScript and the implementation of a jQuery library.  </p>