Сборка массива в jquery?

Question

[ART4]

Добрый день, что то туплю, как собрать массив при клике со своими данными.

var productsArray = [];

    $('.product_btn').on('click', function(){
      $('.fn_product').each(function (index, element) {
        var $this = $(element).attr('data-id');
        var color = $(element).find('.color-item').html();
        var sizeBra = $(element).find('.size_lif .size-lifchik:checked').val();
        var typeBra = $(element).find('.type-lifchik').html();
        var sizePants = $(element).find('.size_lif .size-trusi:checked').val();
        var typePants = $(element).find('.size_lif .type-trusi:checked').val();
        var products = {"id": $this, "color": color, "sizeBra": sizeBra, "typeBra": typeBra, "sizePants": sizePants, "typePants": typePants};

        (productsArray.indexOf($this) == -1)? productsArray.push(products) : productsArray.splice($this, 1);
        localStorage.setItem('products', JSON.stringify(productsArray));
        $.cookie('products', JSON.stringify(productsArray), { expires: 7, path: '/cart' });
      });
    });

Жмякнул на 1 одной странице на кнопку, добавился в массив productsArray все свои данные. Перешёл на другую страницу, жмякнул там, он не добавляет по push, а заменяет данные все, если ещё раз на этой, добавит такие же данные (без замены).
Все эти данные в локалку и в кукис падают как массивы.
Задача стоит такая: нажал кнопку, добавились данные, записались в локалке и кукес (по массиву), где в будущем эти данные буду выводить на другой странице. Если ещё раз нажал и id есть, тогда обновляем, если нет id добавляем.

Answer 1

[Rsa97]

Перешёл на другую страницу
var productsArray = [];

А кто будет массив из localStorage восстанавливать? Пушкин?