Where do I put the $(document).ready()?
<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>
