jquery - jqueryツールのtpsが表示されない

Question

自分がデザインしている学習ゲームがあります。ランダムにロードしている6つのカテゴリがあり、カテゴリの動的な説明を表示したいと思います。

function loadCategories() {
   var i = 0;
   var j = 0;

   $(".categoryname").each( function() {
    $(this).attr("title",descriptions[categoryIndex[i]]);
    $(this).text(category[categoryIndex[i]]).delay(500 * i);
    console.log("category "+ categoryIndex[i] + 
            ": "+category[categoryIndex[i]]+"\ttitle: " +
            descriptions[categoryIndex[i]]);
    $(this).fadeIn(2000,"blind");
    for(j = 0; j < 5; j++) {
       $(".value[index="+ (5*i + j) + "]").attr("answerid",categoryIndex[i]*5 + j);
    }

    i++;
   });

}

各カテゴリのタイトルがコンソールログに割り当てられていることがわかります。ただし、実行時には、最後の3つのカテゴリのツールチップしか表示されません。

ツールチップを

$(document).ready( function () {

    // other code to parse the xml data file

    $(document).tooltip();

    // 

});

各カテゴリ名は、次のようなスパンです。

<span class="categoryname" title=""></span> 

上記のコードでタイトルが設定されるまで。実行時にコードを見ると、次のように正しく表示されます。

<span class="categoryname" title="Tooltip">Category Name</span>

これが機能しない理由について何か考えはありますか？