Fire Event on Background Change
<p><strong>Just the background:</strong>
<em>(not really related to the question)</em></p>

<p>I am using SharePoint and creating a Sharepoint Hosted App.</p>

<p>I have some fields which provide a peoplepicker with which I can select Users out of a user pool. The functioninality is provide by the SharePoint internal scripts.</p>

<p>If I input a name of a user via jquery nothing happens. It has no built-in change handler I guess.</p>

<p>What I have done is a separat script which just resolve the user names on my jquery input via <code>trigger("change")</code> and then the SharePoint internal Scripts doing the job. This "job" is asynchronous and then if the data arrives from the backend the SharePoint Scripts apply the data to the Peoplepicker fields.</p>

<p><strong>But this functions also doesn't support jQuery's trigger because I cannot alter the functions as they're pre-defined...</strong></p>

<p>So want I want to do is to monitor when the text inside the Peoplepicker fields has been changed but I am a little bit lost now.</p>

<p><strong>Question:</strong></p>

<p>I have tried it with the following code (which doesn't work):</p>

<pre><code>$('.peoplePickerDiv').bind("DOMSubtreeModified", function () {
    alert("HAS BEEN CHANGED!");
});
</code></pre>

<p>Is there another way to react on lets say background editing of input fields in my DOM?</p>