javascript: having issues with my library not loading before my code tries to use it
<p><a href="http://dl.dropbox.com/u/331982/Sandbox/comsat.html" rel="nofollow">http://dl.dropbox.com/u/331982/Sandbox/comsat.html</a> &lt;-- code </p>

<p><a href="http://dl.dropbox.com/u/331982/Sandbox/comsat.js" rel="nofollow">http://dl.dropbox.com/u/331982/Sandbox/comsat.js</a> &lt;-- location of javascript file</p>

<p>So, This worked when I had everything all in one file, but I'm not a huge fan of having giant script tags in my HTML.</p>

<p>I get the error that one of the Raphael methods is undefined.... =\</p>

<p>How do I load my script correctly?</p>

<p>Everything is loaded in the <code>&lt;head&gt;</code></p>

<pre><code>&lt;head&gt;
  &lt;meta http-equiv="content-type" content="text/html; charset=UTF-8"&gt;
  &lt;title&gt;Comsat&lt;/title&gt;

    &lt;script type="text/javascript" src="http://dl.dropbox.com/u/331982/Sandbox/raphael-min.js"&gt;&lt;/script&gt; 
    &lt;script type="text/javascript" src="http://code.jquery.com/jquery-1.6.2.min.js"&gt;&lt;/script&gt;
    &lt;script type="text/javascript" src="http://dl.dropbox.com/u/331982/Sandbox/comsat.js"&gt;&lt;/script&gt; 


  &lt;style type="text/css"&gt;
    body{
    background: url(http://i.imgur.com/Ks6Pd.jpg);
}
  &lt;/style&gt;

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