新添加的元素在重新加载页面后消失(jQuery)

我使用jQuery的.append()在AJAX调用中向success上的ul添加新的li元素。问题是，每当我刷新页面时，新添加的列表项就会消失。

我读到这与刷新原始页面有关，有些选项是使用cookie (PHP或jQuery)。我也看到了一些关于localStorage的东西。我不使用HTML5，如果这很重要。

做这件事最好的方法是什么?如果我使用PHP，我可以在jQuery中嵌入脚本吗?有没有更优雅的方法?

编辑:包含代码

$.ajax ({
type: 'post',
url: '/classes/resources/addResource.php',
data: {
    recName: $('#recName').val(),
    recURL: $('#recURL').val()
},
success: function(data) {
    if (data === 'added') {
        var h3ID = $('#categoryList option:selected').val();
        var title = $('#recName').val();
        var url = $('#recURL').val();
        var newListItem = '<li><a href='"' + url + ''">' + title + '</a></li>';
        $('ul#' + h3ID).append(newListItem);
        $('span#resError').fadeIn(400).text('Resource added successfully. Add another?');
   }
   else
       $('span#resError').fadeIn(400).text('There was an error adding this resource');
   }
});

<h3 class="category" id="1">
    Category 1
</h3>
<ul id="1">
    <li>List item 1</li>
    <li>List item 2</li>
    <li>List item 3</li>
    <li>List item 4</li>
</ul>

当我添加列表项5等时，我希望这些新列表项在刷新页面时保持不变。