listview - 検索ボックス jQuery モバイル

Question

jqueryモバイルページで検索機能を作ろうとしていますが、

HTML:

    <input type="search" placeholder="Search" id="searchbar" />
    <ul data-role="listview" id="searchlist"></ul>

ユーザーが検索すると、結果がリストビューに追加されます。

検索バーに文字が入力されるたびに次のコードを実行したいですか? どうすればこれを達成できますか?

    if (searchbar.val().length > 2)
    {
        $.ajax({
            url: "http://clubbedin.zymichost.com/search.php",
            type: "post",
            crossDomain: true,
            data: {
                'q': value,
                'userID': userID
            },
            success: function(data) {
                var json = jQuery.parseJSON(data);
                for (var i = 0; i < json.length; i ++)
                {
                    html += '<li><a data-option-id=\"' + json[i].optionid + '\">' + json[i].optionname + '</a></li>';
                }
                $('searchlist').append( html );
                $('searchlist').listview( "refresh" );
            }
        });
     }

どんな助けでも大歓迎です。ありがとう！