title: filter elements by attribute value between two others values
body: <p>I would like to filter elements by attribute value <strong><em>data-price=""</em></strong> between two others values. i'm using jquery ui slider for the price range.</p>
  
  <p>HTML: </p>
  
  <pre><code>&lt;div class="content" data-price="500"&gt;500&lt;/div&gt;
  &lt;div class="content" data-price="600"&gt;600&lt;/div&gt;
  &lt;div class="content" data-price="700"&gt;700&lt;/div&gt;
  &lt;div class="content" data-price="800"&gt;700&lt;/div&gt;
  &lt;div class="content" data-price="900"&gt;900&lt;/div&gt;
  &lt;div class="content" data-price="1000"&gt;1000&lt;/div&gt;
  &lt;div class="content" data-price="5000"&gt;5000&lt;/div&gt;
  &lt;div class="content" data-price="10000"&gt;10000&lt;/div&gt;
  </code></pre>
  
  <p>Javascript:</p>
  
  <pre><code>$(function() {
  $( "#slider" ).slider({
              range:true,
             min: 0,
             max: 20000,
             values: [ 500, 20000 ],
             slide: function( event, ui ) {
                $( "#price" ).val( "€" + ui.values[ 0 ] + " - €" + ui.values[ 1 ] ); 
             },
  
             //if(i.values[ 0 ] &lt; data-price &lt; i.values[ 1 ]){
             //     show filtered element
             //} else { hide the rest }
          });
  });
  </code></pre>
  
  <p>when i try to print $(".content") in the console , i see just the first element .</p>