Execute complete function only once in jQuery animation?
<p>I'm trying to animate the font size of some text:</p>

<pre><code>$("p").delay(500).animate({
    "font-size": "+=50"
}, 1000, function() {
    alert("Done");
})​;
</code></pre>

<p><a href="http://jsfiddle.net/DerekL/e6FFt/" rel="nofollow">Here's a demo.</a></p>

<p>I want to do something after animating the <code>&lt;p&gt;</code>s, which in the example is <code>alert</code>, but it surprisingly runs it for each <code>&lt;p&gt;</code>, and that's not what I want. Is there a possible way to make it just run once or is it not possible?</p>
