title: Onclick or click function don't work inside bxSlider with touchEnabled: true
body: <p>The onlick function inside a bxSlider don't work.</p>
  
  <p>I've tried to use </p>
  
  <pre><code>$(".mybutton").on('click', function() { console.log('Hello word')});
  </code></pre>
  
  <p>tried to use <code>onlick="trythis()</code> but nothing work.</p>
  
  <p>HTML CODE</p>
  
  <pre><code>&lt;ul class="productSlider"&gt;
      &lt;li&gt;Image 1 &lt;div class="mybutton"&gt;click me&lt;/div&gt;&lt;/li&gt;
      &lt;li&gt;Image 2 &lt;div class="mybutton"&gt;click me&lt;/div&gt;&lt;/li&gt;
      &lt;li&gt;Image 3 &lt;div class="mybutton"&gt;click me&lt;/div&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>JQUERY SLIDER CODE</p>
  
  <pre><code>var  mySlider =  $('.productSlider').bxSlider({
      pager:false,
      controls:false,
      autoplay:true,
      shrinkItems:true,
      slideMargin:10,
      touchEnabled: true,
  });
  mySlider.reloadSlider();
  </code></pre>
  
  <p>JQUERY ON CLICK</p>
  
  <pre><code>$('.mybutton').on('click', function(){
      console.log('Hello Word');
  })
  </code></pre>
  
  <p>When i click on div with class mybutton nothing happens. If i set touchEnabled: false, all work fine.</p>
  
  <p>Thanks</p>