title: JQuery Range Slider
body: <p>Hi I'm all new to JQuery i found a slider here: <a href="http://jqueryui.com/slider/#range" rel="nofollow">JQuery Range Slider</a>, I copied this code in my html page</p>
  
  <pre><code>&lt;script&gt;
    $(function() {
      $( "#slider-range" ).slider({
        range: true,
        min: 0,
        max: 500,
        values: [ 75, 300 ],
        slide: function( event, ui ) {
          $( "#amount" ).val( "€" + ui.values[ 0 ] + " - €" + ui.values[ 1 ] );
        }
      });
      $( "#amount" ).val( "$" + $( "#slider-range" ).slider( "values", 0 ) +
        " - €" + $( "#slider-range" ).slider( "values", 1 ) );
    });
   $( "input" ).rangeslider();
    &lt;/script&gt;
  </code></pre>
  
  <p>I also included the css an the slider div in my body.
  If I move the slider for example from $ 10 - $ 30 it should show in my content only these products, which are between this range. The Price is in an input field.</p>
  
  <p>Hope someone can help me!</p>