title: Active pagination tab even on page refresh
body: <p>I would like to have this pagination tab active on click and should be an active state even refresh. Like I have selected tab 3 when I refresh the page it should be on tab 3 no go to one.
  I am not going to use onlClik event in HTML, I just want to do it with CSS or Javascript.
  I tried it with Local Storage but couldn't be done. and I think it can be done with Local Storage.</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-html lang-html prettyprint-override"><code>&lt;link rel="stylesheet" href="https://affiliation.iub.edu.pk/assets/bootstrap/css/bootstrap.min.css"&gt;
  &lt;div class="col-sm-7"&gt;
  &lt;div class="dataTables_paginate paging_simple_numbers" id="DataTables_Table_0_paginate"&gt;
  &lt;ul class="pagination"&gt;
  &lt;li class="paginate_button previous disabled" id="DataTables_Table_0_previous"&gt;
  &lt;a href="#" aria-controls="DataTables_Table_0" data-dt-idx="0" tabindex="0"&gt;Previous&lt;/a&gt;
  &lt;/li&gt;
  &lt;li class="paginate_button "&gt;&lt;a href="#" aria-controls="DataTables_Table_0" data-dt-idx="1" tabindex="0"&gt;1&lt;/a&gt;&lt;/li&gt;
  &lt;li class="paginate_button "&gt;&lt;a href="#" aria-controls="DataTables_Table_0" data-dt-idx="2" tabindex="0"&gt;2&lt;/a&gt;&lt;/li&gt;
  &lt;li class="paginate_button "&gt;&lt;a href="#" aria-controls="DataTables_Table_0" data-dt-idx="3" tabindex="0"&gt;3&lt;/a&gt;&lt;/li&gt;
  &lt;li class="paginate_button "&gt;&lt;a href="#" aria-controls="DataTables_Table_0" data-dt-idx="4" tabindex="0"&gt;4&lt;/a&gt;&lt;/li&gt;
  &lt;li class="paginate_button active "&gt;&lt;a href="#" aria-controls="DataTables_Table_0" data-dt-idx="5" tabindex="0"&gt;5&lt;/a&gt;&lt;/li&gt;
  &lt;li class="paginate_button disabled" id="DataTables_Table_0_ellipsis"&gt;&lt;a href="#" aria-controls="DataTables_Table_0" data-dt-idx="6" tabindex="0"&gt;…&lt;/a&gt;&lt;/li&gt;
  &lt;li class="paginate_button "&gt;&lt;a href="#" aria-controls="DataTables_Table_0" data-dt-idx="7" tabindex="0"&gt;20&lt;/a&gt;&lt;/li&gt;
  &lt;li class="paginate_button next" id="DataTables_Table_0_next"&gt;&lt;a href="#" aria-controls="DataTables_Table_0" data-dt-idx="8" tabindex="0"&gt;Next&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>