Re-executing JQuery Function on List Manipulation

Question

I have the following JQuery code entered into a content editor web part which does some conditional formatting on the table cell of a list. The trouble with this is that it executes fine on document ready but when the user clicks a "next" image on the pagination area or clicks a column header to sort the list the page is not actually reloading so the formatting does not work. What is the best way to insure any click even on the list table would execute the formatting?

$(document).ready(function () {
$('tbody td.ms-vb2:contains("Green")').css("background-color", "green").css("color", "white");

$('tbody td.ms-vb2:contains("Yellow")').css("background-color", "Yellow").css("color", "Black");   

$('tbody td.ms-vb2:contains("Red")').css("background-color", "Red").css("color", "White");   
 });

Answer 1

Another way to do this is to modify the XSLT and do your formatting there. Then you wouldn't need the jQuery dependency.

Answer 2

I would suggest trying to determine what JS event is being called when the page refreshes and doing a double delegate on that function to run your code.

I've never used it before but I've heard other's having good success using eventbug for firefox to try to find these type of JS events.