title: Localstorage value not reseting on page refresh
body: <p>user selected value from select box is set in to button value but it (LocalStorage) value is changing on page refresh(F5)</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>function change(){
          var opt = $("#gsb_tb option:selected").text();
          var stored =  localStorage.setItem('project',JSON.stringify(opt));
          var valueofstore= JSON.parse(localStorage.getItem('project'));
          document.getElementById("set-project").value= valueofstore;
      }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;select id="gsb_tb" style="height: 45px; width: 78%; margin-left: 70px; padding-right: 90px; vertical-align: middle;" tabindex="0" autocomplete="off"&gt;
  &lt;option value="" disabled selected&gt;Select your Project&lt;/option&gt;
  &lt;option value="370"&gt; E-Card&lt;/option&gt;
  &lt;option value="278"&gt;Labs&lt;/option&gt;
  &lt;option value="196"&gt;Absolute DB&lt;/option&gt;
  
  &lt;input value="Set as Working Project" onclick="change()" aria-label="I'm Feeling Lucky" name="btnI" class='center-btn' jsaction="sf.lck" type="submit" id='set-project'&gt;</code></pre>
  </div>
  </div>
  </p>