I have a page with some jQuery on it.
In the header, I have
<script src="../js/jquery-1.9.1.min.js" type="text/javascript"></script><script> $(document).ready(function(e) { $("div.box").each(function ( i) { var div = $(this); setTimeout(function () { div.fadeIn(800); }, i * 800) }); });</script>
And within the document body itself I have
<script> $("a.imp").click(function(){$(this).parents("div").css('z-index','2')}); </script>
Both functions do as I want, but the script that is within the document presents it's result real briefly, and then the automation generated in the header section runs again.
How can I make it stop? I want one thing to run on document load, and the other thing to run when the client clicks an anchor tag. But they both run when I click the anchor tag.