Intercept when new rows are added to a table
<p>Within a legacy application I have a table to which initially only a subset of available rows is displayed in order to fit the current page size. When the user scroll down the div containing the table, automatically new rows are added via javascript.</p>

<p><strong>What I need to do is to be able to intercept <em>when</em> these rows are added to the table.</strong> <br/>At the beginngin I polled through the setInterval method in order to execute my logic, but unfortunately this interfers with the business logic of the legacy application.</p>

<p>I tried the following code (applied once at the div container and once to the table) without any results:</p>

<pre><code>$(document).ready(function()
{
  $('#myWebGrid1').change(function()
  {
    alert('changed!');
  });
});
</code></pre>

<p>I tried also the resize() method, but it does not work either since by scrolling the div size does not change.</p>
