title: Div saving its color after refreshing the page?
body: <p>Basically its a div that changes the color after clicking on it.</p>
  
  <p>I would like to make the div save its color after refreshing the page - I don't think cookies are good idea because it will save the color on user pc. </p>
  
  <p><em>I need to make it the same color for everyone visiting the site</em>.</p>
  
  <p>Here's the code...</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
    &lt;head&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;title&gt;change&lt;/title&gt;
      &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"&gt;&lt;/script&gt;
      &lt;style&gt;
        .color {
          width: 400px;
          height: 400px;
          background: black;
          margin: auto auto;
        }
        .clicked {
          background-color: red;
        }
      &lt;/style&gt;
  
    &lt;/head&gt;
    &lt;body&gt;
      &lt;div class="color" id="change" onclick="changeColor();"&gt;&lt;/div&gt;
  
      &lt;script&gt;
        $('.color').click(function(){
          $(this).toggleClass('clicked');
        });
      &lt;/script&gt;
  
  
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Where do i start?</p>