tooltip, can I initialize multiple times on the same element for different selectors?

tooltip, can I initialize multiple times on the same element for different selectors?

I have a function initializeEmployeeTooltips() to show employee summary as tooltips for 'span.employee', and I have a function initializeCustomerTooltips() to show customer summary as tooltips for 'span.customer', and there are more functions like this. These tooltips are of different formats, getting there content from different places, so I'd like to place them in their own functions and files.

I use ajax to dynamically create html that contains 'span.employee' and 'span.customer' along with other things. So I have to use delegation to set-up the tooltips, since I don't want to re-set-up whenever the DOM structure changes. So I set tooltip on document:

function  initializeEmployeeTooltips () {
    $(document).tooltip({
            items: ' span.employee ',
            content: function () { ... }
    });
}

function initializeCustomerTooltips () {
    $(document).tooltip({
            items: ' span.customer ',
            content: function () { ... }
    });
}

The problem is that when I do this, only the last call of $.tooltip() is in effect, all the other calls are discard. I'd like $.tooltip to behave like $.on, which keeps different event handler for different selectors. I don't know if any other people have this requirement, just posting it here for your infomation.

That said, what are my options now? Do I have to maintain my own selector to content map to handle this?

Thanks!