php - PHPを使用したJqueryモバイルオートコンプリート

Question

jquery モバイル Web サイト ( http://view.jquerymobile.com/1.3.2/dist/demos/widgets/autocomplete/autocomplete-remote.html )で Jquery モバイル オートコンプリート デモを取得しようとしています。 、firebugでテストした場合、コールバック応答は次の形式で機能しています: [{"label":"278","value":"ANGELIC HOLISTIC HEALING"}] しかし、結果が表示されない理由がわかりません私のhtmlでは、コードは次のとおりです。

<script type="text/javascript">
$( document ).on( "pageinit", "#searchPage", function() {
$( "#autocomplete" ).on( "listviewbeforefilter", function ( e, data ) {
    var $ul = $( this ),
        $input = $( data.input ),
        value = $input.val(),
        html = "";
    $ul.html( "" );
    if ( value && value.length > 2 ) {
        $ul.html( "<li><div class='ui-loader'><span class='ui-icon ui-icon-loading'></span></div></li>" );
        $ul.listview( "refresh" );
        $.ajax({
            url: "services/search2.php",
            dataType: "jsonp",
            crossDomain: true,
            data: {
                term: $input.val()
            },

        })
        .then( function ( response ) {

            $.each( response, function ( i, val ) {
                html += "<li>" + val.value + "</li>";
            });
            $ul.html( html );
            $ul.listview( "refresh" );
            $ul.trigger( "updatelayout");
        });
    }
});

});

PHP:

(database connection)
$q = strtolower($_GET["term"]);

$return = array();
$query = mysql_query("select * from directory2 where business like '%$q%'");
  while($row = mysql_fetch_assoc($query)) 
  {
      array_push($return, array(
        'label'      => $row['ID'], 
        'value'    => html_entity_decode($row['business'], ENT_QUOTES, 'UTF-8') )
    );
  }     

echo(json_encode($return));

html

<div data-role="content">
<h3>Cities worldwide</h3>

少なくとも 3 文字を入力すると、オートコンプリート機能により、一致する可能性のあるすべての文字が表示されます。

<<ul id="autocomplete" data-role="listview" data-inset="true" data-filter="true" data-filter-placeholder="Find a business..." data-filter-theme="d"></ul>

</div>

どんな助けでも大歓迎です、私はこれをどこでもたくさん探していましたが、運がありません!