title: jQuery permanently change value of DIV/Span
body: <p>I am currently learning jQuery and I would like to know how can I permanently change the value of a span or div, so anybody that revisits my page will see the updated value and not the one initially set in my HTML.</p>
  
  <p>The event that has to change the value is a click on a button.</p>
  
  <p>jQuery code: </p>
  
  <pre><code>    $("#add").click( function() {
       var counter = parseInt($("#hiddenVal").val());
       counter++;
       $("#hiddenVal").val(counter);
       $("#theCount").text(counter);    
       });
  </code></pre>
  
  <p>HTML code:</p>
  
  <pre><code>&lt;input type="hidden" id="hiddenVal" value ="0"/&gt;
  &lt;button id="add"&gt;Add +1&lt;/button&gt;
  &lt;div id="theCount"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>So, I would like to use the hidden input to store the value and the "theCount" div to show it. I want it to permanently change whenever somebody clicks on the add button. </p>
  
  <p>Thanks in advance.</p>