title: knockout custom binding for slick js not working
body: <p>My working code without knockout binding is :</p>
  
  <pre><code>&lt;div class="slick_demo_1"&gt;
  
                      &lt;div&gt;
                          &lt;div class="ibox-content"&gt;
                              &lt;h2&gt;Slide 1&lt;/h2&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                      &lt;div&gt;
                          &lt;div class="ibox-content"&gt;
                              &lt;h2&gt;Slide 2&lt;/h2&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                      &lt;div&gt;
                          &lt;div class="ibox-content"&gt;
                              &lt;h2&gt;Slide 3&lt;/h2&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
  </code></pre>
  
  <p>And to initiallize slick my js code is:</p>
  
  <pre><code>$('.slick_demo_1').slick({
                  dots: true
              });
  </code></pre>
  
  <p>The code above is working fine. 
  Now the code with knockout binding is:</p>
  
  <pre><code>&lt;div class="slick_demo_1" data-bind="foreach:showSlider"&gt;
  
                      &lt;div&gt;
                          &lt;div class="ibox-content"&gt;
                              &lt;h2 data-bind="slider"&gt;&lt;/h2&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
  </code></pre>
  
  <p>And to bind slick with DOM my code is:</p>
  
  <pre><code>ko.bindingHandlers.slick = { 
              init: function (element, valueAccessor) {
                  $(element).slick({
                      dots: true
                  });
              }
          };
  </code></pre>
  
  <p>But the custom binding is not working. What I am doing wrong?</p>