thead does not track tbody's horizontal scroll in latest jquery

[mdpatrick]

Using the version of jquery UI and jquery used on your example page shows the name and surname thead columns tracking the horizontal scroll of the tbody perfectly. This is a very cool effect. However... if you removed the "external resources" from the jfiddle, and only use the latest stable jquery (1.9.1) and jquery-ui everything continues to work, except the thead columns will stay in place while the tbody scrolls horizontally left to right.

Here's the jfiddle with it working using older libraries (the same ones on your example page):
http://jsfiddle.net/D2p63/21/

Here's the jfiddle with it broken using the newer stable jquery libraries:
http://jsfiddle.net/2qjMu/1/

Here's an error that also appears in the console using the new library (perhaps this is the culprit?):

[mfeeney]

After checking this out, it does appear to be the culprit with the column headers not horizontally scrolling. jQuery 1.9 removed support for $.browser. You can fix it by replacing $.browser.msie with $.support.leadingWhitespace. This should sufficiently detect IE.

[gbhasha]

Thanks @mfeeney .

I tried with your approach and its works fine with latest jquery.

here you go...
http://jsfiddle.net/yBgg9/2/

[add1ct3dd]

Aside from this - do we know what caused the scrolling to not work with thead's ? I have the same issue on jQuery 1.7.2 :(