One piece of JavaScript breaking another
<p>the website can be found here: <a href="http://www.healthygit.com" rel="nofollow">http://www.healthygit.com</a></p>

<p>Basically when the site loads depending on what order I include the javascript depends what breaks, for example:</p>

<p>If I include the Menu JavaScript (below) first then the menu will not work but the image slider will.</p>

<p>Menu JS: </p>

<pre><code>&lt;script type="text/javascript" src="js/jquery.js"&gt;&lt;/script&gt;&lt;!-- jQuery --&gt;
&lt;script type="text/javascript" src="js/jquery.easing.js"&gt;&lt;/script&gt;&lt;!-- jQuery Easing   effects --&gt;
&lt;script type="text/javascript" src="js/megamenu_plugins.js"&gt;&lt;/script&gt;&lt;!-- Mega Menu Plugins (scroller, form, hoverIntent) --&gt;
&lt;script type="text/javascript" src="js/megamenu.js"&gt;&lt;/script&gt;&lt;!-- Mega Menu Script --&gt;
</code></pre>

<p>But if I include the menu files last the menu will work and the slider will not, the slider files are:</p>

<pre><code>&lt;script type="text/javascript" src="js/jquery.list-rotator.min.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript" src="js/preview.js"&gt;&lt;/script&gt;
</code></pre>

<p>The errors I am getting are:</p>

<pre><code>ReferenceError: jQuery is not defined
...),delay:m(a(this).attr("delay"),bE),effect:r[a(this).attr("effect")]!=undefined?...

jquery....min.js (line 1)
</code></pre>

<p>And</p>

<pre><code>ReferenceError: $ is not defined

$(document).ready(

preview.js (line 1)
</code></pre>

<p>Can anyone help me please?</p>
