Show Bootstrap Tooltip Over Truncated Text

I had a need to prevent text-wrapping in a cell. I wanted the text to appear truncated to keep the row height consistent. The following worked well to crop the text and show an indicator of hidden text:
I referenced the classes like so:
Next, I wanted the user to be presented a tooltip if the text was truncated so they could see the full value. Here is my solution:
This snippet watches for mouse placement over the DIV. It then does some width comparisons to see if there is any hidden text. If so it creates a tooltip using Twitter Bootstrap and displays it. Simple as that.

BTW, you are not limited to simple tables. This will also work with jQuery Datatables. See my post on Datatable Tweaks.

See a DEMO.