how can I make bootstrap popup work on every page in a datatable

here is my code
The popup works fine on the first page of the table but does not work on other pages

<script>  
 $(document).ready(function(){  
   var table = $('#appointment_table').DataTable();
});  
$(document).ready(function(){
           $('.hover').popover({  
                title:fetchData,
                html:true,  
                placement:'right'  
           });  
           function fetchData(){  
                var fetch_data = '';  
                var element = $(this);  
                var pd_id = element.attr("pd_id");  
                $.ajax({  
                     url:"fetch2.php",  
                     method:"POST",  
                     async:false,  
                     data:{pd_id:pd_id},  
                     success:function(data){  
                          fetch_data = data;  
                     }  
                });  
                return fetch_data;  
           }  
      });  
 </script>

Edited by Colin - Syntax highlighting. Details on how to highlight code using markdown can be found in this guide.