Javascript-форум - Работа с data-атрибутами.

Здравствуйте все!

Подскажите как выбрать элементы, в моем случае div-ы, по значениям атрибутов data- ?

Например, есть у меня на странице 5 div-ов с разными data-атрибутами и два input-а для ввода желаемых значений:

<input oninput="filter()" onkeyup="filter()" type="text" id="filter-price">
<input oninput="filter()" onkeyup="filter()" type="text" id="filter-space">

<div data-price="1000" data-space="10">DIV 1</div>
<div data-price="1500" data-space="20">DIV 2</div>
<div data-price="2000" data-space="30">DIV 3</div>
<div data-price="3500" data-space="40">DIV 4</div>
<div data-price="5000" data-space="50">DIV 5</div>

Суть: Мне нужны «товары» со стоимостью (data-price) <= 3000 и размером (data-space) >= 20

То есть, при вводе в input-ы значений 3000 и 20, должны остаться DIV 2 и 3.

Вопрос: Как организовать сей процесс?

Пока получается только выводить div-ы «точным попаданием», т.е. ввожу 2000 и 30, получаю DIV 3.

P.S.: Убираю лишнее так:

$('div').css('display', 'none');

Буду признателен!