What are the pros and cons of calling jQuery functionality via these 2 different methods?
<p>I'm trying to understand what the differences are (if any) between these 2 ways of calling JavaScript/jQuery functions.</p>

<p>Method 1, in <code>document.ready()</code>:</p>

<pre><code>$('body').on('click', 'a.popup', popup);
</code></pre>

<p>then</p>

<pre><code>function popup() {
    $(this) // do something    
}
</code></pre>

<p>Method 2, in <code>document.ready()</code>:</p>

<pre><code>popup();
</code></pre>

<p>then</p>

<pre><code>function popup() {
    $("a.popup").click(function (e) {
        // do something here
    });
}
</code></pre>

<p>All advice appreciated.</p>
