It seems that using $(document)
as a selector for tooltips affects the html <title>
tag.
The solution is to be more specific with the selector:
$('.has-tooltip').tooltip();
(add a class - eg:has-tooltip
- to all the elements that will receive a tooltip).
However, you can use even general selectors, like:
$('*').tooltip();
or
$('body').tooltip();
Update
This issue is limited to jQuery versions previous to v2. Using $(document)
as selector should work fine for jQuery 2.x.
(thanks @Ayman Safadi for your research).