title: Save the state of the Sort before leaving Page
body: <p>I use a jquery plugin to sort my html table. It works well but I want to be able to "save my sort" after leaving the page and returning. if I leave the page and return - the sort starts over again. </p>
  
  <p>I want to maintain the state of the sort - so when I return - it is entact how I left it...</p>
  
  <p>Here is a working example...
  <a href="https://rawgit.com/joequery/Stupid-Table-Plugin/master/examples/basic.html" rel="nofollow noreferrer">https://rawgit.com/joequery/Stupid-Table-Plugin/master/examples/basic.html</a></p>
  
  <p>here is the code...</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
          &lt;html&gt;
          &lt;head&gt;
        &lt;title&gt;Stupid jQuery table sort&lt;/title&gt;
        &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"&gt;&lt;/script&gt;
        &lt;script src="../stupidtable.js?dev"&gt;&lt;/script&gt;
        &lt;script&gt;
          $(function(){
              $("table").stupidtable();
          });
        &lt;/script&gt;
        &lt;style type="text/css"&gt;
          table {
            border-collapse: collapse;
          }
          th, td {
            padding: 5px 10px;
            border: 1px solid #999;
          }
          th {
            background-color: #eee;
          }
          th[data-sort]{
            cursor:pointer;
          }
          tr.awesome{
            color: red;
          }
        &lt;/style&gt;
        &lt;/style&gt;
      &lt;/head&gt;
  
      &lt;body&gt;
  
        &lt;h1&gt;Stupid jQuery table sort!&lt;/h1&gt;
  
        &lt;p&gt;This example shows how a sortable table can be implemented with very little configuration. Simply specify the data type on a &lt;code&gt;&amp;lt;th&amp;gt;&lt;/code&gt; element using the &lt;code&gt;data-sort&lt;/code&gt; attribute, and the plugin handles the rest.&lt;/p&gt;
  
        &lt;table&gt;
          &lt;thead&gt;
            &lt;tr&gt;
              &lt;th data-sort="int"&gt;int&lt;/th&gt;
              &lt;th data-sort="float"&gt;float&lt;/th&gt;
              &lt;th data-sort="string"&gt;string&lt;/th&gt;
            &lt;/tr&gt;
          &lt;/thead&gt;
          &lt;tbody&gt;
            &lt;tr&gt;
              &lt;td&gt;15&lt;/td&gt;
              &lt;td&gt;-.18&lt;/td&gt;
              &lt;td&gt;banana&lt;/td&gt;
            &lt;/tr&gt;
            &lt;tr class="awesome"&gt;
              &lt;td&gt;95&lt;/td&gt;
              &lt;td&gt;36&lt;/td&gt;
              &lt;td&gt;coke&lt;/td&gt;
            &lt;/tr&gt;
            &lt;tr&gt;
              &lt;td&gt;2&lt;/td&gt;
              &lt;td&gt;-152.5&lt;/td&gt;
              &lt;td&gt;apple&lt;/td&gt;
            &lt;/tr&gt;
            &lt;tr&gt;
              &lt;td&gt;-53&lt;/td&gt;
              &lt;td&gt;88.5&lt;/td&gt;
              &lt;td&gt;zebra&lt;/td&gt;
            &lt;/tr&gt;
            &lt;tr&gt;
              &lt;td&gt;195&lt;/td&gt;
              &lt;td&gt;-858&lt;/td&gt;
              &lt;td&gt;orange&lt;/td&gt;
            &lt;/tr&gt;
          &lt;/tbody&gt;
        &lt;/table&gt;
  
      &lt;/body&gt;
          &lt;/html&gt;
  </code></pre>