Created by: Yohn
This adds a container option to the tooltip that can be called via html5 - data-container="body" or javascript - $().tooltip({container: 'body'})
if no container is given then it will get the default insertAfter() strategy
This fixes a number of bugs that were introduced when we changed the appendTo() to insertAfter() including bringing back the option to use 'in' for the placement like so -- placement: 'in right' so it doesnt break current projects using this technique
If the tooltips are within a modal, and are inheriting its parents styles, then use $().tooltip({container: '#modalID'})
Its recommended to use the container option rather than the 'in' placement as sometimes the position is a little off if its used within a modal.
heres a fiddle to show the changes - http://jsfiddle.net/yohn/R23KB/15/
thanks to @WilliamStam, @thelonecabbage, and @blakeembrey for helping with this solution
some issues that noticed this bug #5687 (closed) #6254 (closed) #6314 (closed) #6306 (closed) #6283 (closed) #6275 (closed) #6250 (closed) #6240 (closed) #6236 (closed) along with a lot more..