title: Store a css class on browser
body: <p>My project has the option to change the site theme by clicking on a link:</p>
  
  <pre><code>&lt;ul&gt;
    &lt;li class="=contact"&gt;&lt;a href="#"&gt;Contact&lt;/a&gt;&lt;/li&gt;
    &lt;li class="facebook"&gt;&lt;a href="#"&gt;Facebook&lt;/a&gt;&lt;/li&gt;
    &lt;li class="twitter"&gt;&lt;a href="#"&gt;Twitter&lt;/a&gt;&lt;/li&gt;
    &lt;li class="rss"&gt;&lt;a href="#"&gt;Feed Rss&lt;/a&gt;&lt;/li&gt;
    &lt;li class="change-theme"&gt;&lt;a href="#"&gt;Change Theme&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>When clicked on the link within the <code>&lt;li class="change-theme"&gt;</code> it's trigger the script:</p>
  
  <pre><code>$('.change-theme').click(function () {
    $('body').toggleClass('theme-dark');
  });
  </code></pre>
  
  <p>It's add the class <code>theme-dark</code>, changing the site theme. But when the user refresh the page, the default theme comes back.
  There is a way to store the theme chosen and use it even when the browser is updated?</p>