title: slick slider is not appending <div class="slick-slide slick-cloned" and dynamic class not appending in each loop of ajax
body: <p><code>//$.each(coff, function(index, el)</code> in this loop all the data is append but slick slider is not applying on AJAX each loop</p>
  
  <pre><code>function slickCarousel1() {
      $('#regular2').slick({
          infinite: true,
          slidesToShow: 3,
          slidesToScroll: 3
      });
  }
  </code></pre>
  
  <p>the below code is applicable on the button and show the records fetched from the database</p>
  
  <pre><code>$('.step1Circle').on('click',function() {
      $('#step1_img').remove();
      $('.sliderclas').empty();
      var coffee_slug = $(this).attr("coffee_name");
      $("#loader").show();
  
      $('#coffType').val(coffee_slug);
      $('#slider-thumbs').empty();
      $('#slider-thumbs').append('&lt;section class="regular sliderclas" id="regular2"&gt;&lt;/section&gt;');
  
      $.ajax({
          url: '../../../testAjax',
          method: 'get',
          data: {coffee_slug:coffee_slug },
          success: function(response) {
              $('#regular1').slick('unslick');              
              slickCarousel1();
  
              $('#loader').fadeOut(1000);
              $('#shakeid').append(' &lt;img src="'+response.coffee_img+'"&gt;');
  
              var coff = response.coffee_data;
              var i = 0;
              $.each(coff, function(index, el) { // we are not getting any error in console
  
                  $('.slick-track').append('&lt;div&gt;&lt;center&gt;&lt;i onclick="AjaxStepTwo(event)" style="font-size:150px; color:'+el.color+' !important"  class="fa fa-circle step2Circle" coffee_nam="'+el.slug+'"  aria-hidden="true"&gt;&lt;/i&gt;&lt;br&gt;&lt;b style="color:black;"&gt;'+el.title+'&lt;/b&gt;&lt;/center&gt;&lt;/div&gt;');
  
              });
          }
      });
  });
  
  function slickCarousel1() {
      $('#regular2').slick({
          infinite: true,
          slidesToShow: 3,
          slidesToScroll: 3
      });
  }
  </code></pre>