jquery .on() does not bind a custom event when injected with .load()
<p>Let's say I have those divs with some code in the same document:</p>

<pre><code>&lt;div id="trigger"&gt;Click Me!&lt;/div&gt;
&lt;div id="handler"&gt;Handler&lt;/div&gt;

&lt;script type="text/javascript"&gt;
    $("#handler").on('check', function() {alert('Handler is working!');})
    $("#trigger").on('click', function()
       {$("#handler").trigger('check');alert('Trigger is working!')
    })
&lt;/script&gt;
</code></pre>

<p>It's working as expected.  </p>

<p>However, if I use <code>.load()</code> to inject <em>all</em> this into a page, then only the (native) trigger event, not the (custom) handler event is working.</p>

<p>I guess it has something to do with timing but I thought <code>.on()</code> was supposed to take care of timing issues?</p>

<p>EDIT: THE SOLUTION</p>

<hr>

<p>I got it all wrong. I wasn't aware that a document loaded simultaneously with the above had its own reference to the Jquery source. So a different version of Jquery was loaded on top of the one already in the DOM. Now it's working without <code>.ready()</code> and even with the original syntax.
Thanx!</p>
