javascript - json をライブ検索して、指定された文字列が配列内にあるかどうかを確認します

Question

$(document).ready(function () {
    var names = ["nick", "nicky", "nickyy", "nick23", "nickfe09", "nickf9", "jim1", "jimbo2"];

    $.each(names, function (index, value) {
        $('<span>').html(value + '<br>').appendTo('#div');
    });

    $('#input').change(function (event) {
        $('#div > span:contains("' + $('#input').val() + '")').css('background', 'red');
    });
});

<div id="div"></div>
<input type="text" id="input">

こんにちはスタックオーバーフロー！

ユーザー名を含む文字列があります。それらを表 (またはこの例では単なるリスト) に表示してから、10 個程度だけを表示したいと考えています (リストには最終的に ~200 個の名前が表示されます)。ユーザーが入力フィールドに何かを入力すると、たとえばnic、残りをフィルタリングして、最も一致する10個のユーザー名を表示したいと思います。

上記の設定を試しましたが、うまくいきませんでした。皆さん、私を助けてくれませんか?

ご挨拶

フィドル: http://jsfiddle.net/4wZ2L/5/