How to install Lavalamp jQuery effect in wordpress
<blockquote>
  <p><strong>Possible Duplicate:</strong><br>
  <a href="http://wordpress.stackexchange.com/questions/42985/wp-enqueue-script-isnt-connecting-my-custom-js-file">wp_enqueue_script isn&#39;t connecting my custom js file</a>  </p>
</blockquote>



<p>I am having a heck of a time getting this Lavalamp effect to work on my main menu/navigation.</p>

<p>Here is what I have placed in the head tags:</p>

<pre><code>&lt;script language=""javascript"" type=""text/javascript"src="wp-content/themes/metric /scripts/jquery-1.4.1.min.js"&gt;&lt;/script&gt;
&lt;link rel="stylesheet" href="wp-content/themes/metric/lavalamp.css" type="text/css" media="screen" /&gt;
&lt;script type=""text/javascript"" src="wp-content/themes/metric/scripts/jquery.easing.min.js"&gt;&lt;/script&gt;
&lt;script type=""text/javascript"" src="wp-content/themes/metric/scripts/jquery.lavalamp.min.js"&gt;&lt;/script&gt;

&lt;!-- this script initiates the function change the #nav to your unordered list's ID --&gt;
&lt;script type=""text/javascript""&gt;
$(function() {
$("#nav").lavaLamp({
fx: "backout",
speed: 700,
click: function(event, menuItem) {
return true;
}
});
});
&lt;/script&gt;
</code></pre>

<p>I have made sure that my ID is the same as listed above in the code #nav.  However, it isn't working and i've hit a brick wall after trying a few different combinations.  </p>

<p>Any help you guys could give would be much appreciated!! :)</p>
