Команда обновления Jquery Tabs добавляет слишком много

Я пытаюсь добавить новую вкладку (время выполнения). Функция addTab:

function addTab(name,url,ctx) {
  var tabs = $("#tabs");
  tabs.find( ".ui-tabs-nav" ).append('<li><a href="tab-struktura.html">Nazwa</a> <span class="ui-icon ui-icon-close" role="presentation">Remove Tab</span></li>');

  tabs.tabs("refresh");
}

Исходный код для вкладок:

<div id="tabs" class="tabs-bottom" style="background:url(/images/bg_document.png) top center no-repeat;">
  <ul>
    {foreach from=$master_structure item=item}
    <li><a href="tab_index.html?ctx={$item->id_jed}">{$item->nazwa}</a></li>
    <li><a href="tab_index.html?ctx={$item->id_jed}">{$item->nazwa}</a></li>
    {/foreach}
  </ul>
  <div class="tabs-spacer" style="height:0px"></div>
</div>

(параметры не используются, потому что я сократил код до определенных значений)

Я очень удивился, когда увидел новую вторую панель вкладок с совершенно новыми вкладками.

Похоже, что все теги ‹ li > преобразованы во вкладки.... (из tab_index.html)

Это ошибка или мне нужно как-то пометить другие теги li, которые будут игнорироваться при обновлении?

отредактировано: Теперь я знаю, что нет проблем с большим количеством ‹ li> - в среде тестирования это работает, поэтому проблема должна быть где-то еще... но до сих пор не знаю где.. .

источник на jsFiddle: http://jsfiddle.net/Sledgehammer/hCdRy/, tab_index.html :

<ul class="box-menu main-menu">
  <li class="active"><a href="deny.html">e-sklep</a></li>
</ul>
<table class="panel-table">
  <tr>
     <td><span style="cursor:pointer" onclick="$.addTab();">PRESS HERE TO ADD TAB</span></td>
  </tr>
</table>