Bootstrap Popover not working in DataTables with Ajax returned data

reddy23

I was planning to implement bootstrap popover for DataTables but it is not working as it should be. Sometimes I see popovers on page 1 and not on others. It is not consistent. If I use ajax.load function it is not at all working.

Code below:

{
"bSortable": false,
"data": "empId",
"render" : function(data,type, full, meta)
{
//Popover
$('.hoverclass').popover().hover(function(e) {
e.preventDefault();
});
//estimateId = data;
return '<span id="testID" class="hoverclass" data-toggle="popover" data-trigger="hover" data-placement="top" data-content="your data" ></span>';
}

Help is appreciated, thanks :)