title: Hide divs based on two select elements numerically
body: <p>just a little bit stuck at the moment I know how to show and hide divs using jQuery, one thing I have not been able to find out is how to hide and show divs based on there numerical value.</p>
  
  <p>Here is a small example of my code:</p>
  
  <pre><code>&lt;div class="makes MERCEDES-BENZ" style="display: block;"&gt;
    &lt;div class="listing-container"&gt;
      &lt;h3 class="price-listing"&gt;£10,989&lt;/h3&gt;
    &lt;/div&gt;
      &lt;ul class="overwrite-btstrp-ul"&gt;
        &lt;li value="49695"&gt;Mileage: 49,695&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>As you can see this HTML contains a h3 with the class of 'price-listing', I want to show and hide the div with the class of 'makes' based on whether the 'price-listing' div contains the value that the form is filtering. Just so you know there is a list of these 'make' divs on my page with different values.</p>
  
  <p>Right so to my form I currently have this form:</p>
  
  <pre><code>&lt;form class="car-finder-container" method="GET" action="used-cars.php"&gt;
      &lt;select class="form-control select-box price-min"&gt;
          &lt;option value="min-price"&gt;Min price&lt;/option&gt;
          &lt;option value="0"&gt;£0&lt;/option&gt;
          &lt;option value="500"&gt;£500&lt;/option&gt;
          ...
      &lt;/select&gt;
      &lt;select class="form-control select-box price-max"&gt;
          &lt;option value="max-price"&gt;Max price&lt;/option&gt;
          &lt;option value="0"&gt;£0&lt;/option&gt;
          &lt;option value="500"&gt;£500&lt;/option&gt;
          ...
      &lt;/select&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>So the first select element is to hide the values in the h3 that have a smaller numerical value than the option selected.</p>
  
  <p>The second select element is to hide any h3s with values higher than the numerical value option selected.</p>
  
  <p>I could give the price a value if one is needed just like I have with the li in the first example.</p>
  
  <p>Could anyone show me a code example on how this might be done?
  Thanks.</p>