AutoComplete Problem - Styling of ui-autocomplete-loading Not Working

AutoComplete Problem - Styling of ui-autocomplete-loading Not Working

I've taken the autocomplete demo, and I'm trying to set some feedback by styling the ui-autocomplete-loading class. I set the background to an image, but that image never shows when the search is running.

I've confirmed the image is accessible, and if I step through the autocomplete code for the "search" event, it sets the style as it should, and in fact by stepping through the code, the image shows on the page.  But if I just let it run straight out without debugging the code, the image never shows on the page in the input box.

The only other change I made to the demo code was to add over 23,000 entries to the list to ensure it would take a while to perform a match to give it a while for the image to show.  I've tried this in FF, Chrome, and IE and the image never shows.

Does anyone know why the image would not show in the input box?

The demo code I started with uses jQuery 1.9.1 with UI version 1.10.1.  I tried removing the theme, but had the same problem.

Here is the styling I'm using (which, again, works if I step through the code so I know is correct):

  1. <style>
  2. .ui-autocomplete-loading {
  3.     background: url('wait.png') no-repeat right center;
  4. }
  5. </style>

Thanks in advance,
Joe A.