jQuery UI atocomplete widget with underscore.js

Restricting Number of Suggestions in jQuery UI Auto Complete Using Underscore.js

by sravikiran

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.5.1/underscore-min.js"></script>
<div id="ui-widget">
    Enter name: <input type="text" id="txtName" data-count="5" placeholder="Your name..." />
</div>

JavaScript

$(initialize);

var names=["Alex", "Andrew", "Andrea", "Anna", "Abbie", "Abraham", "Aisha", "Albert", "Albina", "Alisha", "Barbie", "Bailey", "Barton", "Bernardo", "Blaise", "Bobbie", "Blossom", "Brianna", "Buddy", "Byron", "Caesar", "Caleb", "Celicia", "Chalmer", "Chandra", "Cindi", "Clarence", "Codie", "Corey", "Cyrus"];

function initialize(){
    var textBox = $("#txtName");
    textBox.autocomplete({
        minLength: 2,
        source: function(request, response){
            var filteredNames = _.take(_.filter(names, function(name){
                return name.toLowerCase().indexOf(request.term.toLowerCase()) != -1;
            }), textBox.data("count"));
            response(filteredNames);
        }
    });
}