problem with tooltip in TH

Created by: DonFelipe

since updating to bootstrap-tooltip.js v2.2.1 the tooltip in TH tags breads the table, see attached screenshot. in v2.1.1 there was never any issue no matter the HTML elements... at least on my side.

i can pin this down to the following

            $tip
                .detach()
                .css({ top: 0, left: 0, display: 'block' })
                .insertAfter(this.$element)

in the old version appendTo() was used instead of insertAfter() and everything was still fine

            $tip
                .detach()
                .css({ top: 0, left: 0, display: 'block' })
                .appendTo(inside ? this.$element : document.body)

so why the change?

it seems to be much safer and logical to use appendTo() here as it puts the tooltip inside the element it is called from