Не работает Slick Slider

$(document).ready(function(){
 
            $.ajax({
                url: 'functions/getAllDoctors.php',
                dataType: 'json',
                success: function(data) {
                    $.each(data, function(index){
 
                         $('<div>', {
                             class: 'doc_slide',
                             append: $('<img>', { src: data[index].photo_link, alt: data[index].lastname + ' ' + data[index].firstname + ' ' + data[index].middlename}),
                             append: $('div', { class: 'doc_name', text: data[index].lastname + ' ' + data[index].firstname + ' ' + data[index].middlename})
                             }).appendTo('.doc_slider');                        
                    });
                },
                error: function(jqXHR, exception) {
                    var msg = '';
                        if (jqXHR.status === 0) {
                            msg = 'Not connect.\n Verify Network.';
                        } else if (jqXHR.status == 404) {
                            msg = 'Requested page not found. [404]';
                        } else if (jqXHR.status == 500) {
                            msg = 'Internal Server Error [500].';
                        } else if (exception === 'parsererror') {
                            msg = 'Requested JSON parse failed.';
                        } else if (exception === 'timeout') {
                            msg = 'Time out error.';
                        } else if (exception === 'abort') {
                            msg = 'Ajax request aborted.';
                        } else {
                            msg = 'Uncaught Error.\n' + jqXHR.responseText;
                        }
                    alert(msg);
                }
            });
 
            $('.doc_slider').slick({
                dots: true,
                autoplay: true,
                autoplaySpeed: 2000,
                speed: 500,
                slidesToShow: 4,
                slidesToScroll: 1,
                responsive: [
                    {
                        breakpoint: 1024,
                        settings: {
                            slidesToShow: 3,
                            slidesToScroll: 3,
                            infinite: true,
                            dots: true
                        }
                    },
                    {
                        breakpoint: 600,
                        settings: {
                            slidesToShow: 2,
                            slidesToScroll: 2
                        }
                    },
                    {
                        breakpoint: 480,
                        settings: {
                            slidesToShow: 1,
                            slidesToScroll: 1
                        }
                    }
                    // You can unslick at a given breakpoint now by adding:
                    // settings: "unslick"
                    // instead of a settings object
                ]
            });
 
            
        });