title: Javascript order in html
body: <p><br />
  I'm having a problem with javascript files ie. some scripts don't work depending of way i order them in html file.Here is demo just to show you what i mean:
  <a href="http://testground.uphero.com/test/" rel="nofollow">http://testground.uphero.com/test/</a></p>
  
  <p>As you can see in source there is:</p>
  
  <pre><code>&lt;script type="text/javascript" src="js/prototype.js"&gt;&lt;/script&gt; 
  &lt;script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"&gt;&lt;/script&gt; 
  &lt;script type="text/javascript" src="js/lightbox.js"&gt;&lt;/script&gt; 
  &lt;script src="http://code.jquery.com/jquery-1.4.4.js" type="text/javascript"&gt;&lt;/script&gt; 
  &lt;script type="text/javascript" src="js/grayscale.img.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>If i put tags in this order Grayscale img will work and Lightbox won't but if i move jquery link to the top Grayscale will no longer work however Lightbox will work.</p>
  
  <p>So what i want is to make them both work. Is there any way. Thanks in advance! :-)</p>