Bootstrap's Popover and Tooltip are not working in Datatables when I return HTML in Render function

reddy23

I am trying to put Popover an dTooltips in Datatable where each html row is being rendered using render function not hardcode html

{ "data": "ID",

                  "render": function(data, type, full, meta)
                     {
                     <#-- For Save button -->
                     return '<button class="btn btn-link" id="save" onClick="savedata()"><span class="glyphicon glyphicon-save" aria-hidden="true" data-toggle="popover" data-trigger="hover" data-placement="top" data-content="Save"></span></button>';
                     }
                 }

Popover is not working in this scenario. while in other like general HTML it is working

<span class="glyphicon glyphicon-lock" aria-hidden="true" style="font-size: 1.5em;"data-toggle="popover" data-trigger="hover" data-placement="top" data-content="This is locked"></span>

Help is appreciated,

Thanks in advance,
Reddy