Как поймать тег li, который я восстановил из локального хранилища?

Question

Я делаю список покупок. Я использую тег ul, добавляю тег li с помощью JavaScript и сохраняю его в локальном хранилище. Теперь, когда я его восстанавливаю, я не могу поймать восстановленного li.

Как мне его поймать?

$("#enter").click(function () {
    if ($("#userInput").val() != "") {
        var input = $("#userInput").val();

        var newBtn = $("<button>X</button>");
        newBtn.click(function () {
            $(this).parent().hide();
        });

        var myLi = $("<li></li>");
        myLi.append("<span>" + input + "</span>");
        myLi.append(newBtn);
        myLi.hover(function () {
            $(this).css("background", "#76CFE0");
        }, function () {
            $(this).css("background", "#4EB9CD");
        });

        myLi.click(function () {
            myLi.toggleClass("done");
        })

        $("#list").append(myLi);

        $("#userInput").val("");
    } else
        return;
});

if (typeof(Storage) !== "undefined") {
    console.log("intoo")
    // Get
    if (localStorage.getItem("myList") !== null || localStorage.getItem("myList") !== "" ) {
        var myList = (localStorage.getItem("myList"));
        $("#list").html(myList);
        console.log("intoo");
    }
} else {}