Bootstrap 3 popovers не движется вместе с элементами

Я новичок в разработке интерфейса, и я действительно ищу решение.

В основном у меня есть эти поля ввода на странице и проверены каждый из них с помощью ajax. Теперь, если что-то не так с текстами, введенными в этот элемент, я вернул ошибку проверки из бэкэнд и дайте интерфейсу показать popover. У меня также есть форма, которая добавляет новые поля в начало моей таблицы.

Таким образом, сценарий - popover уже показан в верхней строке таблицы. Всякий раз, когда новая строка добавляется (динамически) к таблице, popover должен идти с предыдущей строкой, прикрепленной к ней (которая теперь является второй строкой таблицы).

Ожидаемый результат: Поповер должен идти со вторым рядом.

Фактический результат: popover остается в первой строке, говоря мне, что первая строка имеет ошибки проверки.

EDIT (код)

// JS Triggered by ajax success where validation error is returned
var $el = $("#email");
$el.popover({
  content: "Invalid value!",
  placement: 'top',
  container: 'body'
});

// html 
<tr>
  <td> <input id="email"  type="text" value="something*#@email.com"/> </td>
</tr>

PS: извините за мой плохой английский.

Благодарю!