Jquery preventDefault() misbehaves -

preventdefault() messes events can handle on 1 specific page. trying display static progress bar. inside header div i've got links other html documents , want them loaded , displayed.

i using piece of jquery :

$("#header a").click(function(e){     $('body').append('<div id="progress">loading...</div>');     e.preventdefault();     loadpage(e.target.href);     e.stoppropagation();     $('#progress').remove(); }); 

the problem that, on page loaded after clicking link inside header div, no other click event works on page except ones in header. firebug doesn't catches clicks anymore outside header.

thank you! stefan

can try below code return false both ...preventdefault , stoppropagation

("#header a").click(function(e){     $('body').append('<div id="progress">loading...</div>');         loadpage(e.target.href);     $('#progress').remove();     return false; });