title: Can't access element inside slick slider
body: <p>I'm using Slick slider (<a href="http://kenwheeler.github.io/slick/" rel="nofollow noreferrer">http://kenwheeler.github.io/slick/</a>) and I'm trying to get the id of the element I change. The following code obviously works outside the slick slider, but for some odd reason it always returns the first element of the slider.</p>
  
  <pre><code>        &lt;div class="container-slide"&gt;
            &lt;div class="slider slider-category"&gt;
              &lt;div class="slider-card"&gt;
                  &lt;div class="row block-image"&gt;
                      &lt;div class="background-upload"&gt;
                          &lt;label for="image"&gt;
                              &lt;i class="fa fa-picture-o fa-2x" data-toggle="tooltip" data-placement="left"&gt;&lt;/i&gt;
                          &lt;/label&gt;
  
                          &lt;input id="image" type="file" accept="image/png, image/jpeg, image/gif" name="image" class="text-center image-card" data-id="1"/&gt; 
                      &lt;/div&gt;                      
                  &lt;/div&gt;     
  
            &lt;/div&gt;
  
              &lt;div class="slider-card"&gt;
                  &lt;div class="row block-image"&gt;
                      &lt;div class="background-upload"&gt;
                          &lt;label for="image"&gt;
                              &lt;i class="fa fa-picture-o fa-2x" data-toggle="tooltip" data-placement="left"&gt;&lt;/i&gt;
                          &lt;/label&gt;
  
                          &lt;input id="image" type="file" accept="image/png, image/jpeg, image/gif" name="image" class="text-center image-card" data-id="2"/&gt; 
                      &lt;/div&gt;                      
                  &lt;/div&gt;     
  
            &lt;/div&gt;
  
          &lt;/div&gt;
        &lt;/div&gt;
  
  
   $('.image-card').on('change', function() {
     console.log($(this).data('id'));
  
   });
  </code></pre>
  
  <p>The previous jquery code gives me always "1" as result. So it gets only the first element.
  Why is this happening?
  Without using slick slider, it's obviously working fine, there shound't be anything wrong with that very simple code...</p>
  
  <p>Am I missing something about slick slider? I read everything and all the documentation but I couldn't find anything for this issue. I also tried beforeChange event, but didn't work.</p>
  
  <p>Thanks</p>