title: jQuery Mobile dual range slider working but buggy
body: <p>I was able to make dual range slider by placing slider on top of each other on jQuery Mobile framework.</p>
  
  <p>Also javascript is set so that left thumb doesn't go above right one.</p>
  
  <p>However that function is a bit buggy and I was wondering if anyone had a good solution to this problem.</p>
  
  <p>Below is an example:</p>
  
  <pre><code>$('#buying_slider_min').change(function() {
      var min = $(this).val();
      var max = $('#buying_slider_max').val();
      if(min &gt; max) {
        $('#buying_slider_max').val(min);
        $('.maxBuyingSlider').slider('refresh');  
      }
  });
  $('#buying_slider_max').change(function() {
      var min = $('#buying_slider_min').val();
      var max = $(this).val();
      if(min &gt; max) {
        $('#buying_slider_min').val(max);
        $('.minBuyingSlider').slider('refresh');  
      }
  });
  </code></pre>
  
  <p><strong><a href="http://jsfiddle.net/NkjQr/3/" rel="nofollow">Check it HERE</a></strong></p>