Showing results with JQuery UI autocomplete from a list of your own page


Hello everyone!
In this days almost all systems have a autocomplete search , that´s provide a result search on the screen itself, it greatly facilitates productivity and usability for the user.
These data usually arrive from an Ajax query in a relational database, but in this tutorial will teach you how to get the data using a list of the screen itself.
I used the 1.8.23 version of jquery ui  in this tutorial.

1) First insert the jQuery and jQuery UI.

2) To prevent conflicts and also the autocomplete works in this version, I had to use the “hack” below.

3) We created the Array and add it to list looping with Each.

4) Finally we call the plugin, carry the list and put a function to go to the link results.