сохранить в localalstorage динамические строки JQuery

Я думаю, что у меня серьезная ошибка в дизайне моей веб-страницы. Мне нужно сохранить содержимое, если я перезагружу компьютер или закрою веб-страницу.

У меня нет доступа к любому типу сервера базы данных только MS Access. Я думал об использовании localstorage, поскольку страница будет постоянно просматриваться с того же компьютера.

Я нашел этот пример [link] Редактировать функциональность, используя javascript и локальное хранилище, но я не уверен, что он сработает.

Может ли кто-нибудь взглянуть на мой пример и сообщить мне, смогу ли я это сделать или мне нужно отказаться от этого и начать все заново.

$(document).ready(function () {
    var id = 0;

    // Add button functionality
    $("table.dynatable button.add").click(function () {
        id++;
        var master = $(this).parents("table.dynatable");

        // Get a new row based on the prototype row
        var prot = master.find(".prototype").clone(true);
        prot.attr("class", "")
        prot.find(".id").attr("value", id);

        master.find("tbody").append(prot);
    });

    // Remove button functionality
    $(document).on("click", "table.dynatable button.remove", function () {
        $(this).parents("tr").remove();
    });
});

http://jsfiddle.net/deaconf19/csL68/

благодаря