title: Pressing the back button does not trigger <body>'s OnLoad
body: <p>My checkout cart displays (1) an animation for "Processing Order..." after the 's been (2) submitted and the card is being processed in a php script. However, there's a bug triggered when the user has reached the "order accepted" page, and pressed the back button. The "Processing Order..." animation is still displayed.</p>
  
  <p>(1) The processing display is shown like:</p>
  
  <pre><code>&lt;div style="position:absolute;display:none;" id="animation"&gt;
      &lt;img src="animation.gif"/&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>(2) When the button is submitted, the javascript used:</p>
  
  <pre><code>onClick="document.getElementById('animation').style.display='block';
           document.the_form.submit();"
  </code></pre>
  
  <p>So, the button is clicked, the animation displayed, the form submitted, and the card is processed, and the user is on a new page. </p>
  
  <p>When the user clicks back, we should expect a page without the animation. But, onLoad isn't triggered, and the last state of the animation (displayed) is saved.</p>
  
  <p>Any idea how to remove the animation when the user returns to the page?</p>