Javascript-форум - Сохранить значение переменной после перезагрузки (куки)

Доброго времени суток ребят
Помогите пожалуйста реализовать такую штуку. Нужно, что бы при перезагрузке страницы значение переменной оставалось тем, же. А при первом запуске страницы значение должно быть равным 0. Почитал в интернете, пишут, что через куки реализовать можно. Я попробовал. Но ничего не получается. Видимо переменной значение куки ваще не передается, потому что алерт выводит НУЛЛ.
Вообще такое может работать?
Ах да, При первом старте страницы переменная равно нулю, а при нажатии на кнопочку приравнивается единице.

$(document).ready(function(){
    
    document.cookie = "swipe = 0";
    function get_cookie ( cookie_name ){
      var results = document.cookie.match ( '(^|;) ?' + cookie_name + '=([^;]*)(;|$)' );
      if ( results )
        return ( unescape ( results[2] ) );
    else
        return null;
}
    var swipe = get_cookie ( "swipe" );
    alert(swipe);
// var swipe = 0;
 
    $('.btn').click( function(){ // ловим клик по ссылке с классом go_to
        // $("#block2").fadeIn(1500);       
    var scroll_el = $(this).attr('href'); // возьмем содержимое атрибута href, должен быть селектором, т.е. например начинаться с # или .
        if ($(scroll_el).length != 0) { // проверим существование элемента чтобы избежать ошибки
        $('html, body').animate({ scrollTop: $(scroll_el).offset().top }, 1200); // анимируем скроолинг к элементу scroll_el
        }
        // $('#video1')[0].play();
        if (swipe == 0){
        $(".fly").css({'left':'100vw'},1);
        $(".content").css({'left':'130vw'},1);
        setTimeout(function() { $(".fly").animate({'left':'-30vw'},9000);
        $(".content").animate({'left':'0'},9000);}, 2000);
        // swipe = 1;
        document.cookie = "swipe = 1";
    }
 
        return false; // выключаем стандартное действие
    });