jquery - Colorbox 内のタブインラインコンテンツ、タブが機能しない

Question

カラーボックス モーダル ウィンドウ内にタブ付きコンテンツを表示しようとしています。しかし、タブ付きナビゲーションはまったく機能しません...

問題はrelの問題だと思いますが、私はjqueryの初心者です

実際のページのサインアップモーダルウィンドウの問題の作業リンクは次のとおりです

スクリーンショットはここ にあります タブ付きのカラーボックスモーダルウィンドウ スクリーンショット

Pastebin コード リンク

jquery スクリプトを機能させるためにどのような変更を加える必要があるか教えてもらえますか

$(document).ready(function() {

        $(".tab_content_form").hide();
        $(".tab_content_form:first").show();

        $("ul.tabs_form li").click(function() {
                console.log('clicked !');
                $("ul.tabs_form li").removeClass("active");
                $(this).addClass("active");
                $(".tab_content_form").hide();
                var activeTab = $(this).attr("rel");
                $("#"+activeTab).fadeIn();
        });
});