Interfering jQuery scripts
<p>This DID work fine for a long time, then when i was tidying up some code today it stopped working and i can't see why...</p>

<p>This code currently works:</p>

<pre><code>&lt;script type="text/javascript" src="/sideswap/jquery.min.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript" src="/sideswap/jquery.sideswap.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript"&gt;
$(window).load(function()
{
$('#rotating-elements').sideswap({
    next : '&lt;img src="/sideswap/next.png" /&gt;',
    previous : '&lt;img src="/sideswap/prev.png" /&gt;',
    transition_speed : 100,
    auto_run : true
});
});
&lt;/script&gt;
</code></pre>

<p>This code used to work:</p>

<pre><code>&lt;script src="/quotator/jquery-1.3.1.min.js" type="text/javascript"&gt;&lt;/script&gt;
&lt;script src="/quotator/quotator.js" type="text/javascript"&gt;&lt;/script&gt;
&lt;script type="text/javascript"&gt;
$(document).ready(function(){
$("#quotes").quotator({
    speed : 10000,
    json : "/quotator/quotator_quotes.js"
});
});
&lt;/script&gt;
&lt;div id="quotes"&gt;
&lt;/div&gt;
</code></pre>

<p>The second script only works when placed lower down the page than the first, however it needs to be (and was before) in the sidebar higher up the page.</p>

<p>I have no idea how i caused this!!</p>
