jquery-ui - 値ラベルのペアを使用した Jquery UI オートコンプリート

Question

こちらのドキュメントで説明されているように、オートコンプリートのソースを値/ラベルのペアを持つことができるものに設定したいと思います

http://api.jqueryui.com/autocomplete/

彼らは言った

An array of objects with label and value properties: [ { label: "Choice1", value: "value1" }, ... ]

label プロパティが提案メニューに表示されます。ユーザーが項目を選択すると、値が入力要素に挿入されます。プロパティを 1 つだけ指定すると、両方に使用されます。たとえば、値プロパティのみを指定すると、その値がラベルとしても使用されます。

私のコードでは

html

 <input type="text" id="testBox" name="testBox" maxlength="70"/>

私のjsで

var catsArr = [];
                for (var i = 0; i < 10; i++) {
                    var cat = {
                        label: "grey " + i,
                        value: i
                    };
                    catsArr.push(cat);
                }

                //tie the autocomplete to the box
                $("#testBox").autocomplete({ source: catsArr });

しかし、どういうわけか、ユーザーが単語を入力し始めるgreyと、何も表示されません....何が欠けていますか?