Click to highlight doesn't work for existing conditional colouring

I've asked this question in below chain, but guess it is better open a new topic for new comer to search. ( I will copy the answer over if anyone replies on the other one)

https://datatables.net/forums/discussion/66517/coloring-a-row-based-on-column-value-doesnt-work#latest

Question as following -

I added the 'click to highlight' function on top of the conditional colouring. but it doesn't overlap the existing colouring.

$('#example tbody').on( 'click', 'tr', function () {
$(this).toggleClass('selected');
});

e.g. if you click on the yellow row in below link, nothing happens.

http://live.datatables.net/kuzajico/1

Is there a way to make 'click to highlight' happen on the yellow row?

Thanks,