title: jQuery popover with Jquery Datatable at row level
body: <p>I am using jQuery Datatables to show data in my table but want a popover with more info on every row. </p>
  
  <p><strong>Where am i</strong></p>
  
  <p>I have been able to get data in my table using jQuery datatable and can get popover at every row.</p>
  
  <p><strong>Problem</strong>
  I only want one popover to display at a time, whats happening is, i have a code where onClick of row, i get popover and when user clicks another row, i get another popover against that row. As i want user to go through all the popover data and user to also click on a link on popover, i cant keep popover <code>'trigger' : 'hover'</code> and this doesnt allow user to read/click all the data on popover but if i use manual, it doesnt close automatically on opening on another popover on that page.</p>
  
  <p>i have tried something like <code>$('#tableid tbody tr').popover('hide');</code> (thinking this will hide every popover associated with tr) before opening a popover but this doesnt work or rather stops popovers to open atall.</p>
  
  <p>js i am trying to use to show popovers</p>
  
  <p><code>$('#tableid  tbody tr').live('click', function () {
          if (this.id.length > 0) {</p>
  
  <pre>        //$('#tableid tbody tr').popover('hide');
          $(this).popover({
              //'trigger' : 'manual',
              'container': 'body',
              'placement': 'right',
              'title': 'Another Test',
              'content': 'Test'
          }).popover('show');           
      }
  });
  </code></pre>
  
  <p>Can anyone guide me in right direction to sort this out.</p>
  
  <p>Any help will be appreciated.</p>
  
  <p>Thanks</p>