title: Is there a way to remember the clicked state of one of numerous buttons after navigating away from the home page?
body: <p>I have a dropdown menu which contains numerous buttons. And when one of these buttons is clicked, it changes the page's overall background image and two other images along with it. Each of these buttons are linked to different images. What I want to achieve is that if someone clicks one of these buttons, that it's remembered when people navigate to any other page on the same site.</p>
  
  <p>Rather unfamiliar with jQuery (only very recently dabbling into it), so my attempts have been rather... simple. I feel that my solution lies with sessionStorage of some sort, but I've been unsuccessful in applying it to my script, as it contains multiple buttons/options. This is the script I'm working with:</p>
  
  <pre><code>&lt;script&gt;
  jQuery(document).ready(function($){
  $('.tony').on({
  'click': function(){
  $('.sidebarimgtop').attr('src','https://i.imgur.com/tJPF58T.png');
  $('.sidebarimgbottom').attr('src','https://i.imgur.com/7pPbjpR.png');
  $("body").css('background-image', 'url(https://i.imgur.com/WOqyufE.png)');
   }   
  
  $('.ezio').on({
  'click': function(){
  $('.sidebarimgtop').attr('src','https://i.imgur.com/orXH355.png');
  $('.sidebarimgbottom').attr('src','https://i.imgur.com/CWXpT1c.png');
  $("body").css('background-image', 'url(https://i.imgur.com/UEiclnW.png)');
   }
  
  $('.oberyn').on({
  'click': function(){
  $('.sidebarimgtop').attr('src','https://i.imgur.com/ragcux5.png');
  $('.sidebarimgbottom').attr('src','https://i.imgur.com/tToH5jK.png');
  $("body").css('background-image', 'url(https://i.imgur.com/l21z868.png)');
   }
  });    
  &lt;/script&gt;
  </code></pre>