jQuery移动列表视图刷新不维护listview样式

Question

这是我的HTML代码：

<div>
  <ul id="categories" data-role="listview">
    <li>
      <a href="#">England</a>
    </li>
  </ul>
</div>

这是我的jQuery ajax代码：

function doSomething() {
    alert('Do something called');
    $.ajax({
        url: 'Some URL',
        type: 'GET',
        dataType: 'json',
        contentType: 'application/json',
        beforeSend: function () {
            alert("Before send alert");
        },
        complete: function () {
            alert("Service call complete.");

        },
        success: function (strData) {
            var jsonString = JSON.stringify(strData);
            alert("Service call success." + strData['CategoyKey']);

            $.each(strData.GetCategoriesResult, function (key, value) {
                $('#categories').append('<li><a href=\'#\'>' + value.CategoryDescription + '</a></li>');
            });
            alert('Calling refresh');
            $("#categories").listview("refresh");
        },
        error: function () {

            alert(error());
        }
    });
};

我点击一键即可调用此功能。但我无法看到listview小部件的风格。它看起来像一个简单的清单。

jquery JS的版本是jquery-1.11.1.min.js jquery Mobile JS的版本是jquery.mobile-1.4.2.min.js

有人可以帮助我吗？