javascript — всплывающие окна Bootstrap в переполнении стека

У меня есть всплывающие окна на странице, и они работают просто отлично. JS вызывается из отдельного файла. Тем не менее, у меня есть всплывающие окна для динамически генерируемой таблицы через php на странице, и, используя ту же логику, что и выше, они не делают. Просматривая в Интернете ответы, я застрял. Помогите?

Код:

print('
<div>
<table class="table table-hover">
<tbody class="list">
<tr>
<th>Reference<a href="#" data-toggle="popover" data-content="test." data-placement="top"><i class="fa fa-question-circle pull-right"></i></a><a href="#" data-sort="order" class="sort"><i class="fa fa-sort pull-right"></i></a></th>
</tr>
</tbody>
</table>

И JS:

// Popup functionality
$(function () {
$('[data-toggle="popover"]').popover({'trigger':'hover'});
});

Я предполагаю, что если функциональность JS вызывается при загрузке страницы, она не инициализируется, когда динамический php переносится на страницу. Так что я прав, предполагая, что он должен быть добавлен в php где-то?