[AJAX][JavaScript] ui tabs i podmiana tabeli Opcje

[meehow18]

Witam,
korzystam z UI Tabs i chciałbym zrobić, że po kliknięciu innej zakłaki, zostanie załadowany inny kontent za pomocą ajaxa. W tych tabach, będą się znajdować różne tablice, a dane będą sie wypełniać automatycznie. Głównie mi chodzi jak ogarnąć przelączanie się pomiedzy tabami i podmiane kontentu.

Moj html

[HTML] pobierz, plaintext 
 <div class="tabs tabs-primary" id="tabs">
        <ul class="nav nav-tabs">
            <li class="active">
                <a href="#active" data-toggle="tab" aria-expanded="true"><i class="fa fa-star"></i> Aktywni</a>
            </li>
            <li class="">
                <a href="#unsubscribe"  data-toggle="tab" aria-expanded="false">Wypisani</a>
            </li>
        </ul>
        <div class="tab-content">
            <div id="active" class="tab-pane active">
                <p>tabela</p>
            </div>
            <div id="unsubscribe" class="tab-pane">
                <p>tabela</p>
            </div>
        </div>
    </div>
[HTML] pobierz, plaintext