Popover on id of header

help
1

I need to add a popover when hovering (mouseenter) on a table header area upon a condition.
The title and data content will always be the same(static).
I have written the below, it seems as the event is logged but the popver never appears when mouseentering on the header with this particular id…

html ```

Some Text Header ``` js 
Template.nameTemplate.events({ 
'mouseenter #headerPop':async function (event,instance){

      instance.$(event.currentTarget).popover({
        html:true,
        title:'The title',
        content:'Some text here'

      })
}
})