title: jQuery.animate() - click event does not fire
body: <p>When using <code>.animate()</code> while changing <code>top</code>/<code>left</code>, the click event does not seem to fire. For example:</p>
  
  <pre><code>&lt;div style="width: 640px; height: 480px; position: relative;"&gt;
  &lt;div id="child" onclick="alert('ok')" style="position: relative;"&gt;Some text&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>With script something like:</p>
  
  <pre><code>$('#child').animate({ top: 200, left: 200 }, 2000);
  </code></pre>
  
  <p>When you click the div, you do not see an alert -- you must wait for the element to stop moving first.
  Is there any way to fix this problem? :(</p>
  
  <p>EDIT: My example is not accurate to my problem. Sorry guys! Thanks for the quick answers.</p>
  
  <p>EDIT: An updated example is here, with the problem reproduced: <a href="http://jsfiddle.net/M9udv/8/" rel="nofollow">http://jsfiddle.net/M9udv/8/</a>
  Also I am using the latest Chrome.</p>
  
  <p>EDIT again: OK, I am using <code>jquery.live("click", function() {});</code> and it seems to work when I also include <code>$(targ).stop(true);</code> within the function.</p>