Popover on id of header

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
'mouseenter #headerPop':async function (event,instance){

        title:'The title',
        content:'Some text here'