Сортировка элементов по названию данных с помощью jQuery

Question

У меня проблема с сортировкой элементов по атрибуту data-title.Я нашел несколько решений через Интернет, которые работают, но когда я внедряю их в свой код, ничего не происходит.Может кто-нибудь сказать мне, что я делаю не так в этом коде?

jQuery код:

var thumbnail = views[0].productThumbnail ? views[0].productThumbnail : views[0].thumbnail,
    productTitle = views[0].productTitle ? views[0].productTitle : views[0].title;

   var $lastItem = $('<div/>', {
                            'class': 'fpd-item fpd-tooltip text-title '+lazyClass,
                            'data-title': productTitle,
                            'data-source': thumbnail,
                            'html': productTitle
                        });

            $lastItem.sort(function(a, b) {
                var nameA = a.attr('data-title').toUpperCase(), // ignore upper and lowercase
                        nameB = b.attr('data-title').toUpperCase(); // ignore upper and lowercase
                if (nameA < nameB) {
                    return -1;
                }
                if (nameA > nameB) {
                    return 1;
                }
                //same
                return 0;
            }).appendTo($gridWrapper);

Спасибо за ваши ответы.