Кэширование в обозревателе

Что нужно, что бы обозреватель запомнил изменения?

Код html:

<p class="fon">изменить фон</p>

Код jquery:

$('.fon').click(function() {
$('body').css("background", "yellow");
});

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