title: How do you keep current paginate_button active (bootstrap) after refresh?
body: <p>I want to click button and keep active currrent button after refresh/reload</p>
  
  <p>My URLs not change when I click other paginate_button , But page is change.</p>
  
  <p>--This button--</p>
  
  <p><a href="https://i.stack.imgur.com/86dJj.jpg" rel="nofollow noreferrer">https://i.stack.imgur.com/86dJj.jpg</a></p>
  
  <p>--This code--</p>
  
  <pre><code>&lt;ul class="pagination"&gt;
  &lt;li class="paginate_button previous disabled" aria-controls="dataTables-example" tabindex="0" id="dataTables-example_previous"&gt;
      &lt;a href="#"&gt;Previous&lt;/a&gt;
  &lt;/li&gt;
  &lt;li class="paginate_button active" aria-controls="dataTables-example" tabindex="0"&gt;
      &lt;a href="#"&gt;1&lt;/a&gt;
  &lt;/li&gt;
  &lt;li class="paginate_button " aria-controls="dataTables-example" tabindex="0"&gt;
      &lt;a href="#"&gt;2&lt;/a&gt;
  &lt;/li&gt;
  &lt;li class="paginate_button " aria-controls="dataTables-example" tabindex="0"&gt;
      &lt;a href="#"&gt;3&lt;/a&gt;       
  &lt;/li&gt;
  &lt;li class="paginate_button " aria-controls="dataTables-example" tabindex="0"&gt;
      &lt;a href="#"&gt;4&lt;/a&gt;
  &lt;/li&gt;
  &lt;li class="paginate_button " aria-controls="dataTables-example" tabindex="0"&gt;
      &lt;a href="#"&gt;5&lt;/a&gt;
  &lt;/li&gt;
  &lt;li class="paginate_button " aria-controls="dataTables-example" tabindex="0"&gt;
      &lt;a href="#"&gt;6&lt;/a&gt;
  &lt;/li&gt;
  &lt;li class="paginate_button " aria-controls="dataTables-example" tabindex="0"&gt;
      &lt;a href="#"&gt;7&lt;/a&gt;
  &lt;/li&gt;
  &lt;li class="paginate_button next" aria-controls="dataTables-example" tabindex="0" id="dataTables-example_next"&gt;
      &lt;a href="#"&gt;Next&lt;/a&gt;
  &lt;/li&gt;
  </code></pre>
  
  <p></p>