Javascript Tooltipster HTML-контент не отображается

Я работал со старыми версиями Tooltipster для HTML-контента (в основном, div с другим рисунком и текстом) при наведении указателя мыши на текст или рисунки, используя устаревший текст HTML в методе title. После обновления я хочу перейти на текущий стандарт, и я не совсем им управляю.

Jquery и Tooltipster правильно загружены в мой заголовок (это было подтверждено с помощью некоторых сообщений об ошибках Tooltipster), и все экземпляры всплывающих подсказок на странице, над которой я работаю, изменили имя своего класса на «tooltipstered», так что я уверен, что скрипт тоже их распознает.

Страница написана на php (с использованием codeigniter), а содержимое создается циклом foreach, переменная $ key здесь числовая.

echo "<img src='{$value['bild']}' style='width:60px; height:60px;'>";
echo "<br>";
echo "<span class='tooltip' data-tooltip-content='#$key'>";
echo "{$value['name']}";
echo "</span>";
echo "<br>";

Это выводит:

<span data-tooltip-content="#1" class="tooltip tooltipstered">Schütze</span>

(Всего на странице 24 таких экземпляра, атрибут tooltip-content варьируется от # 1 до # 24, поэтому)

Мои всплывающие подсказки генерируются аналогичным образом с помощью другого цикла foreach:

<div class='tooltip_templates'>
<?php
foreach ($klassenbaum as $key => $value){

echo "<span id='$key'>";
echo "<h1>Text für Klasse Nummer $key!</h1>";
echo "</span>";
}

?>
</div>

Результат:

<div class="tooltip_templates">
<span id="1"><h1>Text für Klasse Nummer 1!</h1></span
</div>

Я следовал инструкциям, приведенным здесь:
http://iamceege.github.io/tooltipster/#getting-started в разделе 5. Я совершенно не понимаю, где моя ошибка, всплывающие подсказки вообще не отображаются при наведении мыши. И еще более любопытно: некоторые скрипты выполняются при наведении, потому что пролеты, содержащие подсказку, впоследствии исчезают из кода. (По крайней мере, проверив консоль Firebug).

Заранее спасибо за любую помощь в этом!