Доступ к глобальным атрибутам data-* в javascript

Я пытаюсь написать небольшой скрипт фильтра для ajax-таблицы и пытаюсь открыть оверлей, когда кто-то нажимает на элемент:

<div class = "at-filter" data-filter-val = "{some_value}" data-filter-type = "{some_type}">
...
</div>

Как получить доступ к типу и значению фильтра данных через javascript/jquery? В гугле вообще ничего не нашел. Что-то вроде этого я ищу:

this.table.find( '.at-filter' ).each(
    function(index, element) {
        var type=$(element).data-filter-type();
        var val=$(element).data-filter-val();
        self.data.filter[type] = {};
        $(element).bind('click', {self:self, val:val, type:type}, type.openContextMenu);
    }
)

edit: Были допущены ошибки!