Как сохранить изменения скрипта
 

Помогите я дня 4 уже мозг парю не как не получаетсо.
У меня прописана кнопка для изменения цветов и надо чтобы при обновление или переходе на др страницы(у) изменения сохранялись. Вот мой код изменения цветов:

<button id="black-b""></button>

/в css наложена картинка на кнопку

<script type="text/javascript">
$(document).ready(function(){
$('#black-b').click(function(){

$('.dd-nav1').css('backgroundColor', '#000000');
$('.dd-nav1').css('borderColor', '#FFFFFF');
.......................
$('.dd-postheader a:visited, .dd-postheader a.visited').css('color', '#FFFFFF');
$('.dd-postheader a:hovered, .dd-postheader a.hovered').css('color', '#FFFFFF');
  })
});

нужно кудато сохранить состояние, например в куки
и при загрузке страницы вычитывать

как это сделать?

там через localStorage или Jquery cookie или еще как то?
и приблизительно код мона написать? и добавлять его ниже скрипта кнопки?
Просто я че ток не перепробовал все ни как не получается, через Jquery cookie у меня получилось он текстовую величину сохраняет в куки, а как чтоб цветовую гамму...

шта? что вы понимаете под цветовой гаммой, цвет в цсс обозначается текстом, его можно положить в куки
инструкция по кукам http://learn.javascript.ru/cookie

$('#black-b').click(function(){
$.cookie('trable', 'document', {
expires: 5,
path: '/',
});
я так пытался он выводит document, читал просто не догоняю