jquery-mobile - 外部json出力からデータを取得できません

Question

       $.ajax({
        url: "http://localhost/PhpProject1/index.php",
        jsonpCallback: 'jsonCallback',
        contentType: "application/json",
        dataType: 'jsonp',
        success: function(data) {

            var markup = "";
            $.each(data.list, function(i, elem) {
                var $template = $('<div><li><img class="ui-li-icon profile"><p class="from"></p><p class="tweet"></p></li></div>');
                $template.find(".from").append(elem['p_name']);


            });


        },
        error: function(request, error) {
            // This callback function will trigger on unsuccessful action

        }
    });

});



      <?php

$mysqli_connect = mysqli_connect('localhost', 'root', '', 'nature_secret');
$query = 'select nature_secret.tbl_product.p_name from tbl_product';
$stmt = $mysqli_connect->prepare($query);
$stmt->execute();
$stmt->bind_result($productName);

$json = array();
$json['list'] = array();
$subJSON = array();
while ($stmt->fetch()) {
    $subJSON['p_name'] = $productName;
    array_push($json['list'], $subJSON);
}
$json_encode = json_encode($json);
echo $json_encode;

?>

上記のコードを使用して、localhost サーバーから取得するために実行しました。別のサーバーからデータを取得するために、次のコード スニペット jsonpCallback: 'jsonCallback', contentType: "application/json", dataType: 'jsonp', を追加します。その部分コードが機能していないことを追加