title: What's wrong with my sisyphus.js/jquery html? Losing user form input on re-opening page
body: <p>I'm trying to build a very simple word programming web app <a href="http://streamerforipad.webs.com/Tome/Tome.html" rel="nofollow">Tome</a>, with the functionality of saving the form input locally using <a href="http://simsalabim.github.com/sisyphus/" rel="nofollow">sisyphus.js</a>. I've called jquery in the correct order, followed all the syntax that Alexander Kaupanin provides, and it still reverts to default text on </p>
  
  <p><em>UPDATED</em></p>
  
  <p>reopening of the page (a reload works just as it should on Firefox, but not on Safari). There's about a metric tonne of html, so I won't paste the whole source here, but the <code>&lt;head&gt;</code> goes like this:</p>
  
  <pre><code>  &lt;head&gt;
      &lt;meta http-equiv="Content-Type" content=
      "text/html; charset=utf-8" /&gt;
      &lt;title&gt;
        Tome | A simple text editor
      &lt;/title&gt;
      &lt;link href="dark.css" rel="stylesheet" type="text/css" title=
      "default" /&gt;
      &lt;link href="light.css" rel="alternate stylesheet" type=
      "text/css" title="alternate" /&gt;
      &lt;link type="text/css" rel="stylesheet" media="print" href=
      "print.css" /&gt;
  &lt;script type="text/javascript" 
  src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"&gt;
  &lt;/script&gt;
      &lt;script type="text/javascript" src=
      "http://streamerforipad.webs.com/Tome/sisyphus.js"&gt;
  &lt;/script&gt;
  &lt;script type="text/javascript"&gt; $(window).load(function() { $('form').sisyphus(); }); &lt;/script&gt;
    &lt;/head&gt;
  </code></pre>
  
  <p>Any suggestions would be great, I'm relatively new to this whole thing.</p>