jqwidget - JqWidget タブ - ajax コンテンツを含むタブを動的に追加

Question

クリックでダイナミックを作成してタブにデータを追加したいのですが、タブが未定義になります。何が悪いのか教えていただけますか？どうなのかはよくわかりませんが、

私のjs

<script type="text/javascript">
        $(document).ready(function () {
            // Create jqxTabs.
            $('#jqxTabs').jqxTabs({ width: 580, height: 200,showCloseButtons: true });
            var length = $('#jqxTabs').jqxTabs('length') + 1;
            var loadPage = function (url) {
                $.get(url, function (data) {
                  data;
                    // console.log( $('#content' + length ).text(data));
                    // console.log(data);
                });
            }
            $('div.s span').click(function() {
                var getvalue = $(this).attr('rel');

        $('#jqxTabs').jqxTabs('addFirst', 'Sample title',loadPage(getvalue).text());
                $('#jqxTabs').jqxTabs('ensureVisible', -1);


});


            // $('#jqxTabs').on('selected', function (event) {
                // var pageIndex = event.args.item + 1;
                // loadPage('pages/ajax' + pageIndex + '.htm', pageIndex);
            // });
        });
    </script>

私のhtml

<div class="s">
<span rel="gen.php">Load</span>
</div>
 <div id='jqxWidget'>
        <div id='jqxTabs'>
            <ul>

            </ul>

        </div>
    </div>