title: How to set session variable in jquery/css?
body: <pre><code>jQuery(document).ready(function($){
      $("#a2").click(function(){
          $('body').css("cssText","font-size: 107% !important");
      });
  });
  
  jQuery(document).ready(function($){
      $("#a3").click(function(){
          $('body').css("cssText","font-size: 114% !important");
      });
  });
  
  jQuery(document).ready(function($){
      $("#a4").click(function(){
          $('body').css("cssText","font-size: 121% !important");
      });
  });
  </code></pre>
  
  <p>I have given a2, a3, a4 ids to A, A+, A++ buttons.  Whenever visitor of my site will click on any one of these buttons, font-size of whole site will change accordingly.  Right now font-size is changing but when I refresh the page, again it is showing the default font-size. How can I do that? do I need to use session? and how I can use it in css or jquery ? I am new in website development. So please help me.</p>