title: How to make (drop-down) action occur on newly loaded page?
body: <p>I have a drop-down menu to make a choice for currency used. Once a choice is made the page re-loads in the chosen currency. I want the "title" tag of the currency selection made to be shown in a text-area on that newly opened webpage. I have the code to add the "title" tag in the existing opened page, but this does not put it in the text-area on the newly loaded page. It this possible to do?</p>
  
  <p>And if possible when that new webpage gets refreshed by the user that the content in the text area is remembered/recalled.</p>
  
  <p>These are two questions, know the answer to one, then don't hesitate, please.</p>
  
  <p>My code so far:</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;$ € £&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);
      });
  });
  &lt;/script&gt;
  </code></pre>