Jquery animate function not working
<p>I'm using the following javascript to animate a div, but the div isn't animating... does anyone know what can be?</p>

<p>JavaScript: </p>

<pre><code> &lt;script language="JavaScript"&gt;   
    $(document).ready(function(){
    $('#LayoutDiv1').animate({top: "500px"}, 1500); }); 
    &lt;/script&gt;
</code></pre>

<p>HTML: </p>

<pre><code>&lt;div id="LayoutDiv1"&gt;
    &lt;img src="images/logo.png"&gt;
&lt;/div&gt;
</code></pre>

<p>CSS:</p>

<pre><code>#LayoutDiv1 {
    clear: both;
    float: left;
    width: 100%;
    display: block;
}
</code></pre>
