I'm working with a list that has category tabs and dropdowns for navigation and filtering. It's a bit slow at times so I've added code to show an animated gif (spinner) when someone clicks a tab or selects something in a dropdown.

1. $(document).ready(function(){
       var image1 = $('<img id="spinner"/>').attr('src', 'http://192.168.2.64/images/loadera32.gif');
       $('#jumpMenuYear').change(function() {
           $('#content').prepend(image1);
       });
       $('#jumpMenuTheme').change(function() {
           $('#content').prepend(image1);
       });
       $('#jumpMenuSection').change(function() {
           $('#content').prepend(image1);
       });
       $('.center_part_of_tab a').click(function() {
           $('#content').prepend(image1);
       });
   });
   
   
   
   
   
   
   
   
   
   
   
   
   
   

This works great when clicking a link in a tab and using the click event, but the change event of the select list / dropdown displays the gif in a frozen state. Any idea why? By the way, sometimes the first dropdown/select box will successfully show the animated gif, but no clear pattern.

I am using Firefox 3.5.8 on Windows and jQuery v1.3.2.

Thanks.