title: How to trigger change event of slider on button click
body: <blockquote>
  <p>I have a jQuery slider. I have two buttons i.e ZoomIn and ZoomOut. I want to slide the slider on these button click. Like by clicking ZoomIn it should slide towards right and by clicking ZoomOut it should slide towards left, and should call their respective slide function/event too.</p>
  </blockquote>
  <p><a href="http://jsfiddle.net/rbW35/" rel="nofollow noreferrer">Working Demo Here</a></p>
  <pre><code>$(document).ready(function () {
  
      $(&quot;#zoomSlider&quot;).slider({
          min: -3.32,
          max: 4.00,
          step: 0.01,
          value: 0.1,
          animate: false,
              &quot;slide&quot;: function (event, ui) {
              $(&quot;#zoom&quot;).val(ui.value + &quot;%&quot;);
          }
      });
  
      $(&quot;#zoom&quot;).val($(&quot;#zoomSlider&quot;).slider(&quot;value&quot;) + &quot;%&quot;);
  });
  </code></pre>
  <blockquote>
  <p><strong>Updated</strong>
  I also need a function to be called when slider changes. That function take two parameters 1)event 2)ui, how to get those parameteters when button click ? like :</p>
  </blockquote>
  <pre><code>$('#zoomIn').on('click', function () {
  
      if (counter &lt; 4.00) {//if counter less than max value
          counter += .1;//increment counter
          $slider.slider(&quot;value&quot;, counter)
          $(&quot;#zoom&quot;).val($slider.slider(&quot;value&quot;) + &quot;%&quot;);
          myFunction(event, ui);
      }
  });
  </code></pre>