How do I prevent JQuery animate calls from getting queued up?
<p><strong>Background</strong></p>

<p>I am working on a project that relies heavily on JQuery .animate(), it occasionally receives external updates via Socket.io that call animate(). When the window is open, everything runs fine and animate calls can run asynchronously.</p>

<p><strong>Problem</strong></p>

<p>However, when the browser is minimized or a different tab is open then reopened, all the animations that should have been run while it was closed are queued up and run in that they were received.</p>

<p><em>Here is the animate call:</em></p>

<pre><code>$(div).animate({
  'top': this.topPos(),
  'right': this.rightPos()
}, 100);
</code></pre>

<p>Is there a simple way to add on option to the animate() call or call some jquery function or should I just add the appropriate logic to the application?</p>

<p>Thanks.</p>
