jQuery: Use function instead of $(document).ready
<p>I am using the Piety plugin on a website that displays leaderboard profiles.
Each profile contains a different amount of elements to which Piety is applied and I have found that <code>$(document).ready</code> is triggered before all these elements have loaded.</p>

<p>My solution so far has been to move Piety from <code>$(document).ready</code> to <code>$(window).load</code> - Which works great for most of the profiles.  However, the people at the top of the leaderboard have extremely large profiles, which creates quite a wait before <code>$(window).load</code> will kick in and work through all of the Piety elements.</p>

<p>I am wondering if there would be any performance issues if I was to call each pie individually as they are loaded, instead of waiting for <code>$(window).load</code> and letting jQuery do it all in one go.</p>

<p>Something like..</p>

<p>From:</p>

<pre><code>$(window).load(function(){
   $("span.pie").peity("pie", { ... })
}); 
</code></pre>

<p>To:</p>

<pre><code>function loadPie(id){
    $("#"+id).peity("pie", { ... })
}
</code></pre>

<p>..and then loadPie after each element.</p>
