Using jQuery.on() vs. loading script when content loads
<p>When loading content inside of a modal box or lightbox, is it better to hook up needed events and scripts through the use of <code>jQuery.on()</code>, or have it load with the content by a script tag?</p>

<p>For example, with the <code>.on()</code> solution:</p>

<pre><code>$('#blah').on('load', function() {
    $('#something').click(function() { alert('Hi'); });
});
</code></pre>

<p>And then when the modal box was loaded, it would call <code>$('#blah').trigger('load')</code></p>

<p>Or, just simple have the the script loaded in with the HTML as in:</p>

<pre><code>&lt;div id="blah"&gt;
    &lt;a href="#" id="something"&gt;Something&lt;/a&gt;
&lt;/div&gt;
&lt;script src="/js/blah.js"&gt;&lt;/script&gt;
</code></pre>

<p>With blah.js containing the javascript code above involving setting up the click event on #something.  I've used the <code>.on()</code> method for a while, but I wasn't sure if this was the best way to handle this.</p>
