JavaScript OnLoad event AJAX

Javascript OnLoad event will only fire once, when page is loaded initially.

I was having trouble getting the code below to work like it did in version 8.1. The code works good after page load but does not work after a search panel query with bootstrap.
// Change check box anywhere on row

$(document).ready(function() {

$("tr[id^=gridRow]")

.filter(':has(:checkbox:checked)')

.addClass('selected')

.end()

.click(function(event) {

if (event.target.type !== 'checkbox') {

$(':checkbox', this).trigger('click');

}

})

.find(':checkbox')

.click(function(event) {

$(this).parents('tr:first').toggleClass('selected');

});

});
// Change row color after check box select

$(":checkbox").change(function() {

$(this).closest("tr").find("td").toggleClass("checkedHighlight", this.checked);

});

$("#chooseAll_1").change(function() {

$('#chooseAll_1').closest("table").find("tr").find("td").toggleClass("checkedHighlight", this.checked);

});
Custom CSS:

/ Change grid row color on checkbox select /

.checkedHighlight {

background-color: #C0C0C0 !important;

}

If you turn off the Resizeable table columns under List page settings everything works ok.