Popover not working as it should

Hi,

In this example:
http://hammr.co/8234009/12/problems.html

Try clicking the "submit"-link. A popover will show. Then click outside of the popover. The popover will disappear.

In regular bootstrap behaviour, the popover will be removed from the DOM. With DataTables loaded, it will not. It is still there, hidden.

This issue creates hover-effect bugs when hovering the table rows. Try opening 3 or 4 popovers, then close them. Then hover the table-rows where the popovers are supposed to be visible when they are opened, and you will see the issue.

I do not know how to fix this issue. It works as it should when I remove datatables from the equation. As in this bootstrap example (inspect the open popover and see it get removed from the DOM after being closed):
http://getbootstrap.com/javascript/#popovers

Many thanks if you guys could fix it, somehow.

Jonathan

Start by reproducing the behavior in the linked hammr.co example, then compare it with the linked Bootstrap popover example while inspecting the DOM after dismissal. Trace the interaction between DataTables and Bootstrap popovers. Done means dismissed popovers are removed from the DOM and repeated open/close cycles no longer cause table-row hover effects.