jQuery event handling - bind to document or 'body' element?
<p>I have noticed the use of <code>$(document)</code> and <code>$('body')</code> when we want to reference the entire page, especially when binding events.</p>

<pre><code>$(document).on('click', '.myElement', function);
</code></pre>

<p>and</p>

<pre><code>$('body').on('click', '.myElement', function);
</code></pre>

<p>What is the difference performance-wise? If <code>$(document)</code> binds the event to the entire HTML document, why do we not use <code>$('body')</code> to bind events like <code>click</code> instead?</p>

<p>Note that this question is not referring to the use of the ready function, but the use of <code>.on()</code> or <code>.delegate()</code> binding.</p>
