JavascriptのJQuery UI Tabsで、HTML入りのTabをaddするには?

質問

JavascriptのJQuery UIのTabsに関する質問です。

以下のURL
​http://www.pharos-ei.com/mike/jquery/examples/ui.tabs.html​
中の
"Triggering, Enabling, Disabling, Adding and Removing Tabs"の項目についてです。

ここで、Append new tabを押すと新たなタブが出来上がりますが、
その時にHTMLを含んだタブを表示したいのですがうまくいきません。
(現状、Append new tabを押したときに白紙のタブが開いているが、
タブを開いた時に、本文を動的に生成して書き込みたい。)

私が考えたのは、
id="new-tab"のdivがHTML内に出来ているので、
そこにdocument.getElementById(new-tab).innerHTMLとする方法でした。
しかし、これがうまくいかない状況です。

どなたか、addで生成したTabにHTMLを書き込む方法をご教授下さい。

具体的には、上記リンクを参考して次のコードを書きました。
-------------------------------------------------
var num = 1;
var lavel = '#tab' + num;

// ↓#tab1が生成される。ここまではできました。
$('#container-9 > ul').tabs('add', lavel, 'New Tab');

var divid = '"tab' + num + '"';

// ↓これがうまく動きません…
document.getElementById(divid).innerHTML = 'ああああああ';

----------------------------------------------------

何卒、宜しくお願いします。

回答No.1

noname#94983

まあ、一番手っ取り早いのは、こんな感じだろう。

$(lavel)[0].innerHTML = '<a href="#">あああ</a>';

補足

ご回答ありがとうございます。
やってみましたが、やはり、innerHTMLがうまく動きませんでした。