title: javascript retaining the value of hidden input variables even after refreshing page ( F5 or clicking refresh button of browser)
body: <p>I am facing a weird problem, may be some of you have already faced it.
  Here is the issue,</p>
  
  <p>I have a hidden input field in my html ( using perl /mason ),</p>
  
  <pre><code>&lt;input type='hidden' id='noB'  name='noB' value='&lt;% $noB%&gt;'/&gt; ; 
  </code></pre>
  
  <p>value (<code>$noB</code>) is filled at server side.</p>
  
  <p>In my javascript, I am using </p>
  
  <pre><code>var noB = jQuery('#noB').val(); 
  </code></pre>
  
  <p>to get value and process it.<br>
  Most important thing is everytime I will access this value inside a javascript function in a new variable assume <code>noB = 3</code>, do some processing and update the hidden variable <code>noB</code> with new value as 1, so its not a global variable which I am using to do that.</p>
  
  <p>Now, if I change <code>noB</code> lets say 1 in my javascript and after that page is refreshed using F5, when the page loads again and I try to get value.</p>
  
  <pre><code>var noB = jQuery('#noB').val();
  </code></pre>
  
  <p>I get <code>noB = 1</code> only, when It should be 3.</p>
  
  <p>Please help.</p>