jquery — X-Editable & amp; PHP MySQL таблицы

Я смотрю на использование X-Editable в своих таблицах, когда я извлекаю данные таблицы из базы данных, все работает нормально, моя проблема заключается в том, что когда я добавляю X-Editable в него, первая строка — это только строка, которая редактируемый

Все остальные строки отображаются под гиперссылкой, но не имеют пунктирной линии внизу, и при нажатии на них они просто помещают знак # в адресную строку после * .php

Что я упустил, чтобы иметь возможность редактировать все строки?

<table id="userinfo" class="table table-bordered table-striped">
<thead>
<tr>
<th>Name</th>
<th>MeetingStart</th>
<th>Details</th>
</tr>
</thead>
<tbody>
<?php
$info = db::getInstance()->query('SELECT * FROM information');
foreach ($info->results() as $info) {
?>
<tr>
<td>
<a href="#" id="groupname" data-type="select" data-pk="1" data-value="5" data-source="/groups" data-original-title="Select group">
<?php echo $info->name; ?>
</a>
</td>
<td>
<a href="#" id="meeting_start" data-type="datetime" data-pk="1" data-url="/post" data-placement="right" title="Set date & time">
<?php echo $info->meetingstart; ?>
</a>
</td>
<td><?php echo $info->details; ?></td>
</tr>
<?php }; ?>
</tbody>

Скриншот проблемы