JavaScript > pattern > argument to callback function

index.html

<div id="hoge">
    <p>Foo</p>
    <p>Bar</p>
</div>
<div><button id="botton">Click</button></div>

script.js

var paragraph = $('#hoge p');
$('#botton').click(function() {
    var i;
    for (i = 0; i < paragraph.length; i++) {
        $(paragraph[i]).animate({
            'font-size': 30
        }, function(j) {
            return function() {
                $(paragraph[j]).text(j +': ' + $(paragraph[j]).text());
            }
        }(i));
    }

});

style.css

#hoge {
    margin: 10px;
}