monacaで開発しており、index.htmlからdetail.htmlに飛んだ時に飛先のdetail.htmlでjasonを動かしたいのですが動いてる気配がなく困っています。
飛んだ際もスライドして飛び「ロード中」のようなページを読み込む感じもないのでそれでjsonが呼び出されていないのかとも色々と考えてます。
ご教示いただけると幸いです。

↓index.html↓

<script>

        function categoryItem(url,title) {
            // detail.htmlに遷移
            myNavigator.pushPage("detail.html",{
                animation: 'slideRight', 
                url : url, // 渡すデータ
                title : title,  // 渡すデータ
            })
        }

        // detail.htmlのページ初期化のイベント
        document.addEventListener("pageinit", function(e) {
            if (e.target.id == "page-detail") {
                // 渡したデータを取得して表示
                var options = myNavigator.getCurrentPage().options;
                $('#page-detail').find('.url').text(options.url);
                $('#page-detail').find('.title').text(options.title);
            }
        }, false);
    </script>

   <li><a href="#" onClick="categoryItem('×××','楽しい系')">タイトル</a></li>

↓detail.html↓

              $.ajax({
                type: 'GET',
                url: 'http://○○○.jp/json/楽しい系のjsonデータ.php',
                dataType: 'json',
                success: function(json){
                    var len = json.length;
                    for(var i=0; i < len; i++){
                        $("#list").append('<airtcle"></article>');
                    }
                }
            });
            },false);

 <body>
    <section class="load__wrap">
        <ons-navigator title="Navigator" var="myNavigator">
            <ons-page id="page-detail">
                <ons-toolbar>
                    <div class="title"></div>
                </ons-toolbar>
                <section id="list"></section>
            </ons-page>
        </ons-navigator>

    </section>
</body>