jQuery Forum

I want to display a background image (MagnifyingGlass16x16.png) in the textbox used for autocomplete to visually indicate it's an autocomplete textbox. Then when the user starts typing and it's loading the data, I want to normal Ajax loading icon (ui-anim_basic_16x16.gif) to display.

When I don't try to display the magnifying glass the autocomplete works perfectly. It displays the animated loading icon flawlessly.

I tried adding a background image to my ui-autocomplete class. That displays then hides the loading icon correctly, but my magnifying glass icon appears in the result list, not the textbox.

So then I tried adding the background image to my ui-autocomplete-input class. Now the magnifying glass image displays but it is not temporarily replaced by the loading icon. I tried making the icon smaller to see if I could see the loading image at all but I can not.

Any idea how to get am image to show up and have the loading icon replace that image while it's loading?

Thanks in advance,

Trent