title: Simple jQuery animation not working
body: <p>can anyone help me fix this, what am I missing?</p>
  
  <pre><code>&lt;script type="text/javascript"&gt; 
  
    $('#loginButton').click(function() {
       $('#toplogin').animate({
         height: '0px'
       });
    });
  &lt;/script&gt;
  </code></pre>
  
  <p>The <code>onClick</code> doesn't even execute! </p>
  
  <p>The div I want the <code>onClick</code> event to work on is here:</p>
  
  <pre><code> &lt;div id="loginButton"&gt;&lt;a href="#" title="login"&gt;Login &amp;raquo;&lt;/a&gt;&lt;/div&gt;
  </code></pre>
  
  <p>The div I want the animation to affect is here:</p>
  
  <pre><code>div id="toplogin"&gt; &lt;!-- more stuff --&gt;  &lt;/div&gt;
  </code></pre>