How can I trigger a function in jQuery after an AJAX request alters a table?
<p>I have my initTableStripes function that I call as soon as the document is ready.</p>

<p>The problem is that after an AJAX request that either alters a table or loads a new table I need to call the function again. There are quite a few plugins and other functions can alter or load a new table, so I'd prefer to not have to remember to call the initTableStripes function in each of these other functions.</p>

<p>Is there any way that I can tell jQuery to fire the function when a <code>&lt;tbody&gt;</code> is altered or when a table's wrapper <code>&lt;div&gt;</code>'s inner html is altered when a new table is loaded into it?</p>

<p>The following is what I had in mind:</p>

<pre><code>$("tbody").live("change", function (e) {
    initTableStripes();
});
</code></pre>

<p>Of course the "change" event is limited to <code>&lt;input&gt;</code>, <code>&lt;textarea&gt;</code> and <code>&lt;select&gt;</code> elements. Is there a simple way to accomplish this or is it best to just keep manually calling the function?</p>

<p>Thanks!</p>
