How to translate jQuery .live() to .on() with events bound to this?
<p>I'm in the process of converting code from the deprecated <code>.live()</code> API to <code>.on()</code> (see the <a href="http://blog.jquery.com/2011/11/03/jquery-1-7-released/">jQuery 1.7 release notes</a>)</p>

<p>I have live events attached to <code>this</code> in multiple custom jQuery plugins, e.g.</p>

<pre><code>this.live('click', function() {
    ...
});
</code></pre>

<p>the <a href="http://api.jquery.com/live/">jQuery .live() doc</a> has some guidance on how to migrate to <code>.on()</code> as follows:</p>

<pre><code>$(selector).live(events, data, handler);                // jQuery 1.3+
$(document).on(events, selector, data, handler);        // jQuery 1.7+
</code></pre>

<p>however, this doesn't work:</p>

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

<p>so... how do I make live events bound to <code>this</code> work with the new <code>on()</code> API?</p>
