Почему неправильно отрабатывает слайдер на блоке с загруженными фото из инстаграм?

Question

[kiberlain]

Есть блок в который скриптом грузятся фото

(function ($) {
    $.fn.jqinstapics = function (options, callback) {

        // Defaults
        var defaults = {
            "user_id": null,
            "access_token": null,
            "count": 10
        };                      

        var o = $.extend(defaults, options);
        callback.call(this);

        return this.each(function () {
        
          // Vars
          var elem = $(this),
              url = "https://api.instagram.com/v1/users/" + o.user_id + "/media/recent?access_token=" + o.access_token + "&count=" + o.count + "&callback=?";
               
            // Get the images    
            $.getJSON(url, function(data){
                $.each(data.data, function (i, val) {
                          a = $("<a/>", {"href": val.link, "target": "_blank"}).appendTo(elem),
                        img = $("<img/>", {"src": val.images.standard_resolution.url}).appendTo(a);
                    
                    if (val.caption){
                        a.attr("title", val.caption.text);
                    }
                });
            });
            
            if(o.user_id == null || o.access_token == null){
              elem.append("<li>Please specify a User ID and Access Token, as outlined in the docs.</li>");
            }

        });
    };
})(jQuery);

$("#instagram").jqinstapics({
  "user_id": "__________",
  "access_token": "__________",
  "count": 35 
}, () => {

    /*Здесь отрабатывает плагин слайдера*/
    $('#instagram').slick({
	infinite: true,
	slidesToShow: 5,
	slidesToScroll: 5,
	centerMode: true,
	variableWidth: true,
	lazyLoad: 'ondemand',
	autoplay: true,
	autoplaySpeed: 2000
    });
});

слайдер отрабатывает неправильно, вставляет разметку перед ссылками, а не обворачивает их



полагаю потому что я неправильно вызвал плагин. Что делать?