title: How to persist range control value on page reload
body: <p>I have a <code>Django</code> application in which I want to persist <code>range control</code> value on page reload. At the moment on every page reload its value is getting reset to the default. I know <code>HTTP</code> is a <code>stateless protocol</code> and consider every request as new, So we have to find some way to store range value in a <code>cookie</code> or something like that and then retrieve it from clients machine on page reload somewhat like <a href="https://www.sitepoint.com/quick-tip-persist-checkbox-checked-state-after-page-reload/" rel="nofollow noreferrer">this</a>. Can anybody show me the right direction, thanks in advance.</p>
  
  <pre><code>&lt;div class="slidecontainer"&gt;
      &lt;input type="range" min="1" max="100" value="50" class="slider" name="myRange" id="myRange"&gt;
  &lt;/div&gt;
  </code></pre>