jquery - JSON からの Mustache.js データ

Question

私は現在、JSON ソースからのデータを使用する jQuery Mobile サイトに取り組んでいます。HTML を生成するために、Mustache.js - JavaScript テンプレート エンジンを使用しています。

AJAX -> JSON -> MUSTACHEJSON データが正しくレンダリングされないという問題があります。

長い JSON データはすべて同じファイルにあり、AJAX をまったく使用していません。このデモ
を見てください。

JSON:

[{
    "users": [{
        "userName": "Billy Bob",
            "userId": "2AE5F6D0-5A70-4EBF-BBAA-C0A11E74BFD8",
            "securityLevel": "Admin",
            "createdDate": "9/12/2012"
    }]
}]

テンプレート：

var template = "{{#users}}\
            <li class='userRow'>\
            <span class='userField'><a href='#' class='userLink' userId='{{userId}}'>{{userName}}</a></span>\
            <span class='userField'>{{securityLevel}}</span>\
            <span class='userField'>{{createdDate}}</span>\
            </li>\
            {{/users}}";

AJAX (AJAX 呼び出しは問題ありません。コード 200 で JSON を返します。)

$.ajax({
                url: 'http://piotr.site44.com/json.js',
                type: 'post',
                data: "json",
                success: function(data) {
                                    var html = Mustache.to_html(template, data); 
                    $(html).appendTo('#cnt');

                }

            });

私が行うconsole.log(html)と、実際にはコンソールに空の文字列が表示されます。非常に奇妙な。私が間違っていることは何ですか？