How to make jQuery code working after page refresh

Question

I have following jQuery code which I want to stay active after page refresh or if user navigate to some other pages of the website:

$('.darkmode-button').click(function() { 
  $('.header-wrap').toggleClass('dark-header'); 
  $('.site-header__logo').toggleClass('dark-logo'); 
  $('.page-container').toggleClass('dark-body'); 
  ($.cookie('darkmode', 'enabled'));
}
); 

function changeText() {
  var x = document.getElementById("dmbutton");
  if (x.innerHTML === "Dark Mode") {
    x.innerHTML = "Light Mode";
  } else {
    x.innerHTML = "Dark Mode";
  }
}