Get all the events bound by .on() in jQuery
<p>I've a page load some contents by Ajax, and also bind events via <code>.on()</code> method to the new comming elements.</p>

<p>Is there anyway to get all the binding events on <code>&lt;div class="inner"&gt;</code>?
I've try <code>$("div.inner").data('events')</code> in the console <strong>after all contents loaded</strong>,
but there is nothing but <code>undefined</code>. </p>

<p>Html:</p>

<pre><code>&lt;div id="out"&gt;&lt;p&gt;&lt;/p&gt;&lt;/div&gt;​
</code></pre>

<p>JavaScript: (not really ajax, just a simulation)</p>

<pre><code>var innDiv = '&lt;div class="inner"&gt;inner&lt;/div&gt;' +
'&lt;div class="inner"&gt;inner&lt;/div&gt;' +
'&lt;div class="inner"&gt;inner&lt;/div&gt;';

$(document).on('click','.inner', function(){$(this).toggleClass("green")});

setTimeout('$("#out").append(innDiv)',2000);​
</code></pre>

<p>Here is the <a href="http://jsfiddle.net/vcX7k/" rel="nofollow">jsfiddle Code</a> demo.</p>
