jquery show\hide back

[dagon]

i should really stick to php, but here is my javascript issue

using the jquery.js lib which i was hoping was going to make my life easier

i have a simple hide the search button and replace it with a loading graphic
script, however on firefox if i hit the back button the loading image is
there not the search button. On IE the search button is back as expected

 $(document).ready(function(){
   $("#search-form").submit( function() {
    $("#search-button").hide()
         $("#search-loading").show();
   });
 }); 

you can see it in action:
http://www.eldritchdark.com

top right search box, submit and back ok in ie not ok in ff

[bpat1434]

Well, I guess to counteract that you could just do:

$(document).read(function() {
    $('#search-form').submit(function(){
        $('#search-button').hide();
        $('#search-loading').show();
    });
    $('#search-button').hide();
    $('#search-button').show();
});

I have a feeling that this is because Firefox remembers the state of things in the history. So it recognizes that the submit-button was already pressed. Not sure if the above code will work, but it's worth a try.

That way every time the document is loaded, the search button will be loaded

[dagon]

thanks i understand the logic and have tried that a few dozen ways without any luck