如何保存动态添加的数据以更新页面（使用jQuery）

Question

我是网络开发的初学者，我正在创建一个可以保存链接的页面。这里的问题是我不知道如何使用jQuery保存添加的数据。我尽可能多地搜索互联网，经过我的研究，我非常困惑。我认为有不止一种方法，我找不到任何一个完整的解释。有人可以向我解释如何保存动态添加的东西并在刷新时加载它（使用jQuery）？

这是我的HTML代码：

<div id="link-adder-box">
    <button id="add_from_box"style="position:absolute;">ADD</button>
    <div id="close-button">
        <div style="margin: 8px 6px; font-family: arial;">
            <b>x</b>
        </div>
    </div>
    <input id="link_input" placeholder="paste here!" name="link_input"></input>
    <div id="link">
         Link
    </div>
    <input id="name_input" name="name_input"></input>
    <div id="name">
    Name
    </div>
</div>

所以在这里我想使用name_input和link_input使用add_from_box按钮将数据添加到相应的位置。它被添加;我完成了所有的设计和追加，但我不知道如何使用jQuery保存它。