Uncaught TypeError: Object #<HTML Document> has no method 'ready'
<p>I'm trying to implement a simple javascript into a website (website is on weebly), and I'm getting this error.
In the resources tab on chrome I can see it's loading all of the scripts.
Here's a piece of code:</p>

<pre><code>&lt;script type="text/javascript" src="/files/theme/cufon-yui.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript" src="/files/theme/cufon-yanone-250.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript" src="/files/theme/script.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript" src="/files/theme/coin-slider.min.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript"&gt;

$(document).ready(function() {

    $('#coin-slider').coinslider();

});

&lt;/script&gt;
</code></pre>

<p>That's all fitted on the bottom of the .html file. It's a coin slider gallery.</p>

<p>Anyone out to help me ?</p>

<hr>

<p><em>From comment...</em></p>

<p>I am loading jQuery in the <code>&lt;head&gt;</code>...</p>

<pre><code>&lt;script src="ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"; type="text/javascript"&gt;&lt;/script&gt;`
</code></pre>
