jQuery UI datepicker conflicts with tooltips

Question

I'm using the jQuery UI datepicker and the tooltip function from the same collection. Both work perfectly for my application. Except where they both try to work. When I hover on the icons for previous or next months, I get a tooltip popping up that says "Prev" or "Next". When I click on the previous-month icon the tooltip stays visible, completely covering the month and year headline. (On the next-month icon it stays visible but it doesn't interfere. Much.)

The function of these icons is absolutely clear without the tooltip, and badly broken with it, but I can't figure out a way to disable the title="Prev" and title="Next" code.

I actually don't need tooltips anywhere in the datepicker because I'm using it strictly to set a date rather than display events in the calendar.

Answer 1

The solution is to be more specific in the "tooltip" selector.

I changed from:

$(document).tooltip();

to:

$("span.ui-icon").tooltip();

And it work for me now.