Cant make jQuery animation work
<p>I am trying to make the top div fade out when it is clicked, but i cant get it to work. Here is my code:</p>

<pre><code>&lt;script type = 'text/javascript' src = '../Javascript/jquery/jquery-1.6.2.js'&gt;&lt;/script&gt;
&lt;script type = 'text/javascript'&gt;
$(document).ready(function() {
    $('#topcontent').click (
        function() {
        $('#topcontent').fadeTo(300,0.0);
        }
    );
}
&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
    &lt;div id = 'wrapper'&gt;
        &lt;div id = 'topcontent'&gt;
        TOP&lt;br /&gt;
        &lt;/div&gt;
        &lt;div id = 'bottomcontent'&gt;
        BOTTOM
        &lt;/div&gt;
        &lt;div id = 'sub'&gt;
        This site is still being created. Check back soon!
        &lt;/div&gt;
    &lt;/div&gt;
&lt;/body&gt;
</code></pre>

<p>Any ideas on why its not working?</p>
