jquery - コンテンツ リンクを上書きする Jquery タブ

Question

私はJqueryタブを使用していますが、何らかの理由で #ui-tabs[object , object] ( a href="#ui-tabs[object , object]" ) のIDを持つリンクを過度に正当化しています。これが起こっている理由のアイデア?

以下は私の構造のサンプルです

JS

$(function () {
      $(".Whatson-today").tabs();
});    

HTML

<div class="Whatson-today">

<ul id="WOT-TabNav">

    <li class="WOToday">    
        <a href='#tabs-1'>
            What's on Today
        </a>

    </li>

    <li class="WOTomorrow">    
        <a href='#tabs-2'>
            What's on Tomorrow
        </a>

    </li>

</ul>


<div id='tabs-1'>   
    <ol>

        <li>
            <ol>
                <li class="WOT-Time">
                    7:30 PM
                </li>
                <li class="WOT-Title">
                 <h2 style="display:none;"><a  href="#">test</a></h2>
                    <h2><a href="http://somelink.com">somelink</a></h2>
                </li>
            </ol>
        </li>

    </ol>
</div>   

<div id='tabs-2'>   

</div>
</div>