Welcome to AutoComplete.
Two DataSource instances point to in-memory JavaScript arrays. The first array holds the 50 US states. The second array holds US area codes and their corresponding states for additional info.
Since the two DataSources for this example are already loaded into memory via JavaScript arrays, queries should be very fast to return data. Therefore, both AutoComplete instances are configured to have a query delay of zero seconds. The second AutoComplete instance is configured to display two data fields in the container: the area code and the area code's state.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris erat. Sed eu enim in neque nonummy suscipit. Sed non metus. Aliquam pretium, massa quis vulputate aliquam, felis enim vehicula nisl, ut pharetra arcu nunc vitae leo. Morbi rhoncus ullamcorper quam. Maecenas vel velit. Praesent ultricies placerat mauris. Nunc posuere aliquam ligula. Nunc mi ligula, rutrum eget, consequat ac, cursus non, tortor. Pellentesque ante metus, mattis pharetra, lobortis in, pulvinar nec, felis. Cras fringilla. Cras consequat. Nullam faucibus. Vivamus tincidunt porttitor leo. Etiam est mi, dictum nec, vehicula id, ultricies ac, nibh. Mauris felis.
Nulla sit amet mi eu lacus tempus volutpat. Phasellus tincidunt hendrerit quam. Maecenas lorem felis, viverra non, varius ut, ultrices et, mi. Phasellus vehicula nunc eu tellus. Duis rutrum justo eu odio. Ut facilisis nisl at purus. Maecenas turpis neque, adipiscing in, fringilla vitae, congue sed, ipsum. Sed condimentum eros eu leo dignissim ultricies. Pellentesque eros nulla, tempus ut, gravida at, vulputate at, metus. Maecenas enim metus, suscipit eget, commodo vel, euismod ac, leo. Curabitur id nulla. Phasellus euismod mi ut enim. Ut molestie bibendum odio.