title: If hasClass not working on document.ready
body: <p>I'm trying to change background color, when slide element has class (slick-current) but it's not working at all on document.ready, even can't display something in console.log(). Console not displaying any errors. (.content is a parent element of .slider-container).</p>
  
  <p>Here is html code:</p>
  
  <pre><code>&lt;div class="slider-container"&gt;
      &lt;div class="single-item"&gt;
          &lt;div class="slick-slide " id="slide-1" data-slick-index="0" &gt;&lt;h3&gt;1&lt;/h3&gt;&lt;/div&gt;
          &lt;div class="slick-slide slide-2" data-slick-index="1" &gt;&lt;h3&gt;2&lt;/h3&gt;&lt;/div&gt;
          &lt;div class="slick-slide slide-3" data-slick-index="2" &gt;&lt;h3&gt;3&lt;/h3&gt;&lt;/div&gt;
  
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>Here is jquery:</p>
  
  <pre><code>$(document).ready(function() {
  
      if($("#slide-1").hasClass(".slick-current")){
          $('.content').css("background-color", "yellow")
          console.log('ggh');
      }
  });
  </code></pre>