I have already implemented the type ahead auto suggest which pulls in search fields from my mysql database see here: [login to view URL] - (type a few letters in the search box next to the map). It looks good, however it does not possess the desired behavior I am looking for:
--After results are displayed in the drop down and a result is hovered on - when a user pushes the enter button on their keyboard, I want the user to be sent directly to the course page based on the ID of the course pulled from the database. The course page is expecting the course ID to be in the URL. Please keep in mind I do not want an autosubmit as the data in the selected result will be the course name and not the ID.
Other Requirements:
1. It must be mobile friendly. Meaning it must look good and work on mobile devices
2. No HTML tags should show up in the search box when a selects a course
Extra Info:
The database fields are as follows:
id - unique ID, value required to look up course and get to the correct course page
course_name - name of golf course which will need to be searched and displayed in drop down
course_city - name of course city which will need to be searched
course_state - name of course state which will need to be displayed only