Does Jquery 'On' work on elements copied in with element.innerHtml?
<p>in our website we have one 'content' div in which the html is pasted in.</p>

<p>So for instance: <code>content.innerHtml = 'huge pile of html with divs and tables'</code></p>

<p>now I want to attach an jquery event handler on one of the elements pasted in, so I tried this:</p>

<pre><code>$(document).ready(function () {
    // Handler for .ready() called.
    alert('111');
    $("#PersonalMessageTemplateDropDownModels input").on("click", function (event) {
        alert($(this).text());
    });

});
</code></pre>

<p>I get the alert, so that code is called.
The input element is 5 levels deep under/within an element with the id 'PersonalMessageTemplateDropDownModels'</p>

<p>But, no <code>alert($(this).text());</code> is called.</p>

<p>Should this work, or is the way the html is entered to the dom preventing this to work?</p>
