Обновление представления списка мобильных устройств jQuery не поддерживает стиль просмотра списка

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());
        }
    });
};

Я вызываю эту функцию одним нажатием кнопки. Но я не могу видеть виджет списка с его стилем. Это выглядит как простой список.

Версия jquery JS - это jquery-1.11.1.min.js Версия jquery Mobile JS - это jquery.mobile-1.4.2.min.js

Может ли кто-нибудь помочь мне здесь?