title: Jquery filter with multiple criteria
body: <p>I am trying to filter a list of restaurant's based on their influences. 
  I would like to use sliders instead of generic categories like Indian/Asian/Mexican/European cuisine.</p>
  
  <p>A restaurant could be</p>
  
  <pre><code>[{restaurant: 
      {name: 'The Apollon',
      thumb: 'apollon.jpg',
      type: 
          [{spicy: 5, type_id: 1}
          {garlic:3, type_id:2}
          {expensive:10, type_id:3}]}
  }]
  </code></pre>
  
  <p>I'd then use a generic JQuery UI slider and pass the value from each slider to a hidden  element. </p>
  
  <p>Here is where I am utterly stuck though.
  I can get it to work on one slider by utilizing classes instead of JSON( .nospice .somespice .spicy ) and doing an <code>if (value &gt;= 7) {$('.spicy').show();}</code>, but I'm not sure how I'd go about doing more advanced queries <code>(if x = &gt;=7 AND y = &gt;=3 AND z = &gt;=5)</code></p>
  
  <p>Does someone want to nudge me in the right direction here? What do I need to read up on. If I am going about this in a fantasticly wrong way, please do tell.</p>
  
  <p>jsfiddle: <a href="http://jsfiddle.net/techii/9e2cJ/" rel="nofollow">http://jsfiddle.net/techii/9e2cJ/</a></p>