Код для добавления элемента в основном такой:
$(document).ready(function(){
$("#el").on("click", function(){
$("#class").append("\
<!-- Add content -->\
<div class='input-group-append' data-toggle='tooltip' data-placement='top' title='Agregar lección'>\
<a href='javascript:void(0)'>\
<span class='input-group-text btn-default'>\
<i class='mdi mdi-plus'></i>\
</span>\
</a>\
</div>\
");
// Tooltip
$("[data-toggle = 'tooltip']").each(function(){
$(this).tooltip();
});
});
});
Обычно всплывающая подсказка выглядит следующим образом:

Но после добавления с добавлением это выглядит так:

Кто-нибудь знает, почему это происходит?