title: Slick slider custom dots
body: <p>I was wondering if there is a way to use custom slick slider dots. When I search, all I can finds is examples on how to change the dots into thumbnails from the slides, however this is not what I'm trying to accomplish. I just want to use my own png pictures for the active and non-active dot navigation. I tried this:</p>
  
  <pre><code>    $('.slick-dots li').html('&lt;a href="#"&gt;&lt;img src="slide-dot.png" /&gt;&lt;/a&gt;');
      $('.slick-dots li.slick-active').html('&lt;a href="#"&gt;&lt;img src="slide-dot-active.png" /&gt;&lt;/a&gt;');
  </code></pre>
  
  <p>But that didn't work, though I recall I did something like that before. Am I missing something here ?</p>
  
  <p>Thanks!</p>