Add events in the background with jquery
<p>I have an html ul list of 10,000+ elements and want to add custom hover tooltip events and do some other processing to each one. To do this on document.ready takes 2-3 seconds and freezes the browser. How can I do this asynchronously so that the browser doesn't freeze?</p>

<p>I've been reading about setTimeout, jQuery queue and deferred, but maybe I'm too dense to understand it all. This guy had interesting stuff <a href="http://erickrdch.com/2012/05/asynchronous-loop-with-jquery-deferred.html" rel="nofollow">http://erickrdch.com/2012/05/asynchronous-loop-with-jquery-deferred.html</a></p>

<p>Here's my each() loop that adds the hover.</p>

<pre><code>$('#biglist li').each(function(index) {
    $(this).hover(function(e){
        ...do stuff...
    });
});
</code></pre>

<p>Thanks for your help.</p>
