JQuery - cannot wire up the change event
<p>In my MVC application I have a form and I make 2 asynchronous AJAX calls, 1 to get a new page of data, the other to display the results of a search.
The intial load of the form prior to these calls is fine. I want to colour bar my rows, and this works;</p>

<pre><code>$("#tblePagedList").on("change", styleRows);

function styleRows() {
    $("#tblePagedList tr:even").addClass("row1");
    $("#tblePagedList tr:odd").addClass("row2");
}
</code></pre>

<p>However these styles are not applied after I navigate to a new page or I make a search. My attempts to wire up a change event fail;</p>

<p>ie</p>

<pre><code>$("#tblePagedList").on("change", styleRows);
</code></pre>

<p>or </p>

<pre><code>$("#tblePagedList").change(styleRows);
</code></pre>

<p>My table looks like;</p>

<pre><code>&lt;table id="tblePagedList"&gt;
    &lt;thead&gt;
        &lt;tr&gt;
            &lt;th&gt;
                Company
            &lt;/th&gt;
            &lt;th&gt;
                Address
            &lt;/th&gt;
            &lt;th style="width:100px;"&gt;
                Telephone
            &lt;/th&gt;
            &lt;th style="width:100px;"&gt;
                Contact
            &lt;/th&gt;
            &lt;th style="width:100px;"&gt;
                Trade
            &lt;/th&gt;
            &lt;th&gt;&lt;/th&gt;
        &lt;/tr&gt;
    &lt;/thead&gt;
    &lt;tbody id="tblePagedListBody"&gt;&lt;/tbody&gt;
    @foreach (var item in Model) {
        &lt;tr&gt;
            &lt;td&gt;
                @item.Company
            &lt;/td&gt;
            &lt;td&gt;
                @item.AddressLine
            &lt;/td&gt;
            &lt;td&gt;
                @item.Telephone
            &lt;/td&gt;
            &lt;td&gt;
                @item.Contact
            &lt;/td&gt;
            &lt;td&gt;
                @item.TradeName
            &lt;/td&gt;
            &lt;td&gt;
                @Html.ActionLink("Details", "DetailsSubcontractor", new { id = item.CompanyId })
            &lt;/td&gt;
        &lt;/tr&gt;
    }
</code></pre>
