How to handle browser 'back' & 'refresh' with AJAX content on a page (so the content matches the form that loads it)
<p>I'm having trouble searching for an answer to this, I think because the key words are too general and related to other things.</p>

<p>I have an index page with a records search form (AJAX) used to load records into the main div on the page.  When the page first loads, the form is set to a specific state based on who the user and the contents of the div are loaded based on the same criteria.  When the form is submitted the contents of the main div are replaced via AJAX.</p>

<p>If a user clicks a browsers REFRESH button, or goes to another page and clicks the browser BACK button, the index page comes up with the form in the same state it was when the user clicked BACK or REFRESH but the div contents are the original default contente.  This makes it looks like the items listed are a result of the forms current state.</p>

<p>Is there a way way to detect if the page has been displayed from a a BACK or REFRESH browser action so that I could trigger the form to submit and update the contents based on the current state of the search form ($('#search_form_submit_button').click();)?   Or, what is the proper thing to do for this? </p>

<p>Thanks - much appreciated!</p>
