Могу ли я использовать jQuery, чтобы пользователи добавляли / удаляли контент на сайт?

Question

Я хочу, чтобы пользователи могли редактировать список на веб-сайте, и чтобы введенные ими данные оставались там после обновления sh. У меня есть этот код для добавления и удаления данных -

HTML -

        <div class="list-editor">
            <ul class="my-list">
              <li><span>My to-do</span> <a href="#" class="delete">[done]</a></li>
            </ul>
            <input type="text" name="new-item" /> <button class="button">Add an item</button>
          </div>

jQuery -

    $(".list-editor").on("click", "button", function(){
        let val = $("input[type='text']").val()
        $(".my-list").append(`<li>${val}  <a href="#" class="delete">[done]</li>`)
        $("input[type='text']").val('Enter Text')
    })

    $(".list-editor").on('click','.delete',function() {
        $(this).parent().css("text-decoration", "line-through")
      })

Что я могу добавить к своему jQuery код для получения введенных данных, чтобы остаться на сайте после refre sh?