A simple but powerful auto lookup (autocomplete)

This example is based on a jQuery plug-in: jQuery-Autocomplete which does not require jQuery-UI. It searches in one value but will return another value when the user select the value.

You may use arrow keys to select a product name. Added another example with Danish zip code to city lookup.

Find product number

to find product number.

Find danish zip code

to find city.
The data in this case is a JSON block of data. The structure is an array of objects:
[
  {"value":"Acrobat","data": "PROD2"}
]
In this case I decided to extract the data into this array of JSON data, instead of doing AJAX request for each look-up, saving the webserver some requests.