title: Where do I put the $(document).ready()?
body: <p>I've been trying to add JavaScript to my HTML/CSS, but been running around in circles.</p>
  
  <p>My current set-up is where the html, CSS, and JavaScript files (2 files; my JavaScript code, and jQuery's code) are all separate, but linked to each other via the html page. </p>
  
  <p>So here are my questions:</p>
  
  <p>1) Do I put the link to the jQuery code within the html head? Or within my JavaScript code page?</p>
  
  <p>2) Where does this code go? The html page, or my JavaScript page?</p>
  
  <pre><code>$(document).ready(function(){
      //Code here
  });
  </code></pre>
  
  <p>3) Above, by 'code here', they mean JavaScript code, right? Not my html code?</p>
  
  <p>4) I've read about initializing JavaScript code at the bottom of an html page. From what I take though, I don't have to do that with jQuery's .ready function, right?</p>