Popover inside jQuery dataTables does not work after Page changes -

am using jquery datatable , webui popover plugin on page. popover assigned element in

<small style=" color: #10336b;"  class='codedescription'   data-title="my title" data-content='my dynamic content'><b>code     

and here popover initialisation

$('.codedescription').webuipopover({ closeable: false, trigger: 'hover', title: '', content: '', delay: { show: null, hide: 300} }); 

its working fine when first page or after datatable being binded. if move page on datatable or after page changed, popover stopped working. first time initialised popovers worked.

so tried reinitialising popover plugin @ datatable page change event follows.

$('#tbl_main').on('page.dt', function () {     alert(55);     $('.codedescription').webuipopover({ closeable: false, trigger: 'hover', title: '', content: '', delay: { show: null, hide: 300} }); }); 

but when ever page changes alert shows, popovers not showing in pages other first page. making popovers not work after page changes in jquery datatable.

you should use draw.dt event. page.dt triggered when table's paging updated, draw.dt triggered when datatable has completed draw.

$('#tbl_main').on('draw.dt', function () {    ... });