Как сохранить объект в LocalStorage и при перезагрузке страницы сгенерировать этот объект?

Всем доброго времени суток!

Сразу к сути: Есть объект, не с самой изящной реализацией. Так вот, есть у меня желание записать этот объект в LocalStorage и тут самое интересное. При записи(перезаписи) этого объекта в LocalStorage должно происходить следующее:

- Создается div с каким то классом ;// Не обязательно чтобы это был div
- Между этим блоком, надо вставить html код, который храниться в свойстве объекта ;
- Создать несколько таких блоков кол-во которых указанно в свойстве объекта "Count" ;

Вопрос:
Как сгенерировать этот объект, чтобы это не было костылем, как представлено в коде ниже?

var I = 0; // Итератор для кол-во объектов
var Item = {
	"tag": "div",
	"html": "<span>Somthing text</span>",
	"count": I
};

function addItemToLocalStorage() {  // Функция добавляющая объекты в LocalStorage
    I++;
    Item.count = I;
    var sItem = JSON.stringify(Item);
    localStorage.setItem("State",sItem);
}

function GenerateObjFromLocalStorage() {  // Функция генерирующая блоки
	var container = document.getElementById("items-container");
	for(j = 0; j < Item.count; j++){
        var newDiv = document.createElement(Item.tag);
        newDiv.classList.add("item"+I, "items")
		container.appendChild(newDiv);
	}
}