title: popover on hover not working on second page of datatable
body: <p>I added content of one column dynamically...</p>
  
  <pre><code> for (var i = 0; i &lt; data.length; i++) {
     data.referred_by='&lt;a href="#" data-toggle="popover" class="" title="'+temp[i].referred_by+'"data-trigger="hover" data-content="Total Referrals :'+temp[i].as_count+'"&gt;'+temp[i].referred_by+'&lt;/a&gt;'
   }
  </code></pre>
  
  <p>and Following code is of creating datatable</p>
  
  <pre><code>$('#datatable4').dataTable({
    'paging':   true,  // Table pagination
    'ordering': true,  // Column ordering 
    'info':     true,  // Bottom left status text
    "aaData" : data,
  
    aoColumns: [
      { mData: 'index' },
      { mData: 'patient_name' },
      { mData: 'age' },
      { mData: 'gender' },
      { mData: 'mobile_no' },
      { mData: 'email_id' },
      { mData: 'request_status' },
      { mData: 'referred_by' },
      { mData: 'ref_to_img'},
      { mData: 'ref_by_img'}
    ]
  </code></pre>
  
  <p>and in ready function I added</p>
  
  <pre><code> $('[data-toggle="popover"]').popover();
  </code></pre>
  
  <p>but in datatable only on first page popover on hover is working... and on second page onwards its not working.... is there any solution for this?</p>