Jquery changing .live to .on,
<p>I am trying to change all my <code>.live()</code> to <code>.on()</code> as the prior is now deprecated.</p>

<p>I am struggling to understand how it works though. Before I used this code and it worked fine...</p>

<pre><code>$('#lightBoxClose').live('click', function() {
    $('#lightBox').fadeOut();
});
</code></pre>

<p>So I tried changing it to,</p>

<pre><code>$('#lightBoxClose').on('click', function() {
    $('#lightBox').fadeOut();
});
</code></pre>

<p>But it doesn't work can anyone please explain what I am supposed to be doing thanks.</p>
