title: Jquery slider range doesn't work on iPad
body: <p>below is my Jquery slider range (min-max) code, the drag works fine on desktop computer, but when I test this on iPad, it doesn't work. Can anyone help me with this please?</p>
  
  <p>Unfortunately I can't attach image. Below is the diagram of slider range, </p>
  
  <p>=====(>)=======(&lt;)=====</p>
  
  <pre><code>var maxValue,myRequest,isDown=false,setUrl;
  setUrl = "/search_type/filter.php";
  
  $( "#slider-range" ).slider({
      range: true,
      min: 0,
      max: 500,
      step:25,
      orientation: "horizontal",
      values: [ 0,500 ],
      slide: function( event, ui ) {
  
      if(ui.values[1] === 500)
      {
          maxValue = 500+"+";
      }
      else
      {
          maxValue = ui.values[1];
      }
          $( "#priceRange" ).val( "£" + ui.values[ 0 ] + " to £" + maxValue );
      }
  });
  
  // AJAX CALL 
  $("#slider-range").find('a').mousedown(function(){
      isDown=true;
  });
  $(document).mouseup(function(){
      if(isDown)
      {
          return setAjaxRequest();
      }
  });
  
  // Decoration drag image
  $( "#slider-range" )
  .find('.ui-slider-handle')
  .eq(0).addClass('a-right').end()
  .eq(1).addClass('a-left');
  
  //Default this is 
      $( "#priceRange" )
      .val( "£" + $( "#slider-range" )
      .slider( "values", 0 ) + " to £" + $( "#slider-range" )
      .slider( "values", 1 )+'+');
      return true;
  </code></pre>