After appending element to page, going to another page, then back, the appended element is gone
<p>This is a bit long to explain, so I'll try to keep it short:</p>

<p>I'm submitting a form and returning a list of users, then emptying a  and repopulating it with the returned users. This works as expected until after I add a user and then browse to another page, then go back to the previous page, it's loading the list of users that was there before adding the new user. If I refresh, the user list is correctly displaying the list of users again.</p>

<p>Some pseudo code:</p>

<pre><code>... function to add a user, then return success ...
$("ul#userTab").empty();
for(user in data['users']){
    $("ul#userTab").append("&lt;li&gt;"+user+"&lt;/li&gt;");
}
</code></pre>

<p>It seems as though the browser is caching the first page load once I use the back button, but I don't really know. Any help is appreciated.</p>

<p>EDIT: To clarify, I'm sending data to the server, saving it in the database, then returning the users from the database. I'm not just adding an arbitrary value to the page then reloading and wondering why it's not there.</p>
