Как при hover сохранить состояние цвета при перезагрузке страницы?

Question

[zjoin]

Есть следующий код

(function() {  
    var colors = Array("#1a48a6", "#a71b3b", "#a6781a", "#1ba768" ), idx;
    $(".logo").hover(function(){
      idx = Math.floor(Math.random() * colors.length); 
      $('footer, .face p').css("background", colors[idx]);         
    }, function() {
      $('footer, .face p').css("background", colors[idx]);
    });
 })();

При наведении на логотип у меня меняется цвет футера рандомно. При перезагрузке страницы надо чтобы он сохранялся или переходе на другую страницу. При наведении снова менялся цвет и он записывался в историю.
Как правильно это сделать? Есть у кого какие мысли?

Знаю что надо копать в сторону window history.

Answer 1

[Алексей Лебедев]

htmlbook.ru/html5/storage

Answer 2

[Никита]

https://github.com/carhartl/jquery-cookie сохраняете значение цвета в куки и при загрузке любой из страниц проверяете его. Ну и выставляете футеру само собой. Так же добавлю, что путь для куки в данном скрипте надо прописывать полны, а то при переходе на любую страницу, отличную от той где куки была записана, скрипт работать не будет)