title: JQuery: Cascading Drop Down List loses values when pressing back button
body: <p>I have written a cascading drop down list using JQuery.  The code that I have written works; the cascading list when changed, updates the cascaded-to list. BUT when I navigate away from the page and then press the back button on the browser, the CASCADED drop down list loses its values.  Here is my code (the category list populates the products list when changed):</p>
  
  <pre><code>&lt;select id="CategoryList" onchange="CategoryList_OnChange()"&gt;
      &lt;option value="" selected="selected"&gt;&lt;/option&gt;
      &lt;option value="1" selected="selected"&gt;Food&lt;/option&gt;
      &lt;option value="2" selected="selected"&gt;Toys&lt;/option&gt;
      &lt;option value="3" selected="selected"&gt;Books&lt;/option&gt;
  &lt;/select&gt;
  
  &lt;select id="ProductList"&gt;&lt;/select&gt;
  
  &lt;script src="../../Scripts/jquery-1.3.2.min.js" type="text/javascript"&gt;&lt;/script&gt;
  
  &lt;script type="text/javascript"&gt;
      function CategoryList_OnChange() {
          var selected = $('#CategoryList').val();
          if (selected != null &amp;&amp; selected != '') {
              $.getJSON('SelectList/ProductList/' + selected, function(selectList) {
                  $('#ProductList option').remove();
                  $.each(selectList, function(index, value) {
                      $('#ProductList').append("&lt;option value='" + value.Value + "'&gt;" + value.Text + "&lt;/option&gt;");
                  });
              });
          }        
      }
  &lt;/script&gt;
  </code></pre>
  
  <p>Is there any way to keep the ProductList populated even when navigating away from the page?  My understanding of how browsers work is that they are meant to keep state of the page, even when navigating away.</p>
  
  <p>I know that I could merely put code in </p>
  
  <pre><code>$(document).ready(function() { ... });
  </code></pre>
  
  <p>which will explicitly call the onchange method but this has the disadvantage of making a call to the website when in fact I want the page to maintain the EXISTING state.</p>
  
  <p>Please Help!</p>