Javascript-форум - Как прикрутить jquery + cookie?

Всем привет.

Не могу прикрутить куки к следующему коду:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Название страницы</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="jquery.cookie.js"></script>
</head>
<body>

<script type="text/javascript">
function change_visibility (block_4_close, block_4_open) {
   $(document).ready(function(){
       $('#'+block_4_close).css('display','none');
       $('#'+block_4_open).css('display','');
       return false;
   });
}
</script>

<a href="#" onClick="change_visibility ('model', 'user')">User</a> / <a href="javascript:change_visibility ('user', 'model')">Model</a>

<div id="user">
<p>Какой-то текст 1.</p>
</div>

<div id="model" style="display:none">
<p>Какой-то текст 2.</p>
</div>

</body>
</html>

Нужно чтобы после клика по ссылке user или model действие запоминалось после перезагрузки браузера.

Подключил библиотеку: <script type="text/javascript" src="jquery.cookie.js"></script>

Пробовал добавить такое:

<script type="text/javascript">
$(document).ready(function(){
    $.cookie("user","user2");
    $.cookie("demoCookie",text,{expires: 21, path: '/', domain: 'localhost'});

});

$(document).ready(function(){
    var str = $.cookie("user");
});

$(document).ready(function(){
    var str = $.cookie("user",null);
});
</script>

Не помогло. Подскажите, куда капать?