Jquery Autocomplete does not display drop down with results

digitalwise
digitalwise used Ask the Experts™
on
I have code that I have used on three other projects without issue but for some reason on this site, the autocomplete (jquery) will not show the dropdown.   Dev tools is showing that it is reading the .cfc file and returning the values it should be but nothing shows up.  I tried various CSS fixes for z-index but that didn't help either.  I can't figure out what else i am missing or have wrong...

http://ahlefacademicbeta.scholarshipapps.org/app_enroll2.cfm

Open in new window

Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
Hi,

the ajax response seems empty...
Multitechnician
Top Expert 2014
Commented:
you're sending bad data and not a JSON object, you need to send a valid object, so remove this "header", we see this at the begining of the server response :
 
   
<!--   Client Name: AHLEF  Scholarship (Dev) 
Client ID: 
Client Secret: 
Client URL: 

Client Name: AHLEF  Scholarship 
Client ID: 
Client Secret: 
Client URL: -->
   

Open in new window

Most Valuable Expert 2015
Commented:
(no points)

@leakim971 - Good catch.  

@digitalwise - The reason the comments show up at all is because they're missing a "-". Should be 3 of them "<!--- --->" instead of 2 "<!-- -->".  

Also using CFM pages for ajax has always been tricky because any extra output breaks it, like it did here. Try using <cfsilent> or <cfsetting enableCFoutputOnly="...">, etc... to suppress extraneous output. OR use a cfcomponent and remote function instead. Then it's easy to suppress extra output: <cffunction output="false"....>.

Author

Commented:
I will leave the swear words for myself - that you SO much.  I didn't even think to check the dang application file...  Thank you!

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial