title: sessionStorage not saving or not loading
body: <p>I am trying to (re)fill a text area using <a href="https://developer.mozilla.org/en-US/docs/Web/API/Window/sessionStorage" rel="nofollow">sessionStorage</a> but this seems not to be working.</p>
  
  <p>I have a dropdown which when used also fills the content from the "title" tag into a text area. The drop-down forces the page to reload and thus will empty the text area again. For this I am trying to use sessionStorage to refill the text area again. But something's going wrong.</p>
  
  <p>When I use the drop-down and after that go one page back in the browser, I see the text area is filled. But if I then refresh that page the text area is empty again. So this leads me to think that the text area is not being saved or loaded by sessionStorage.</p>
  
  <p>Please <a href="http://www.photographycoursetour.com/amsterdam-one-day-photo-course-beginners.html" rel="nofollow">look here</a> and use the drop down named "test". The text area is right next to it.</p>
  
  <p>Can anyone help, please?</p>
  
  <p>My code:</p>
  
  <pre><code>&lt;head&gt;
  &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;form name="currency select" title="Currency Selector"&gt;
      &lt;select name="currency" id="currencyList" onchange="window.document.location.href=this.options[this.selectedIndex].value;"  value="GO"&gt;
          &lt;option value="" disabled="disabled" selected="selected" none=""&gt;TEST&lt;/option&gt; 
          &lt;option value="/session/currency/usd/" title="US Dollar"&gt;USD&lt;/option&gt;
          &lt;option value="/session/currency/eur/" title="EURO"&gt;EUR&lt;/option&gt;
      &lt;/select&gt;
  
      &lt;textarea id="showTitle"&gt;&lt;/textarea&gt;
  
  &lt;/form&gt;
  &lt;/body&gt;
  &lt;script&gt;
  $(document).ready(function()
  {
      $(document).on('change','#currencyList',function()
      {
         var result = $("option:selected",this).attr('title');
         $("#showTitle").text(result);
      }
  
    // Get the text field that we're going to track
  var field = document.getElementById("showTitle");
  
  // See if we have an autosave value
  // (this will only happen if the page is accidentally refreshed)
  if (sessionStorage.getItem("autosave")) {
    // Restore the contents of the text field
    field.value = sessionStorage.getItem("autosave");
  }
  
    // Listen for changes in the text field
  field.addEventListener("change", function() {
    // And save the results into the session storage object
    sessionStorage.setItem("autosave", field.value);
  
  });
  });
  &lt;/script&gt;
  </code></pre>