html table row selected background color change

html table row selected background color change

DEMO

SCRIPT

$('#tbl').find('input:checkbox[id$="chkDelete"]').click(function() {
    var isChecked = $(this).prop("checked");
    var $selectedRow = $(this).parent("td").parent("tr");

    if (isChecked) $selectedRow.css({
        "background-color": "#D4FFAA",
        "color": "GhostWhite"
    });
    else $selectedRow.css({
        "background-color": '',
        "color": "black"
    });
});​