Q:

jQuery isotope with checkboxes and slider filters

I created a page with jQuery isotope and various filters. Here's the simplified JSFiddle: 
https://jsfiddle.net/itzuki87/21kfqhop/17/
As you can see, there are 3 filters: 2 checkboxes and 1 range sliders. All filters work well if used alone, but when I use them combined, it only works the last used filter.
This is because I use the ".show-me" class when I use the range slider, and the other classes when I use the checkboxes.
Range Slider:
$("#range").ionRangeSlider({
        hide_min_max: true,
        keyboard: true,
        min: 0,
        max: 150,
        from: 20,
        to: 110,
        type: 'double',
        step: 1,
        prefix: "&euro;",
        grid: true,
        onChange: function(data) {
            $(".grid-item").each(function(){
            price = parseInt($(this).find(".price").text(), 10);
            if (data.from <= price && data.to >= price) {
                $(this).addClass('show-me');
            }
            else {
                $(this).removeClass('show-me');
            }
            });
            $container.isotope({
             itemSelector: '.grid-item',
             filter: '.show-me'
         });
        }
});

Checkboxes:
$checkboxes.on('change', function(){
    filters = [];       
    $checkboxes.filter(':checked').each(function(){
        filters.push(this.value);
    });     

    filters = filters.join('');
    $container.isotope({
        filter: filters
    });     

});

How can I do so that the two types of filters work in sync? Thank you.

A:

I resolved by myself. I simply added
$(".grid-item").addClass("show-me");
filters.push(".show-me");

at the beginning,
filters.push(".show-me");

in the checkboxes function, and I changed the slider function with
filter: filters

So every item has the "show-me" class at the beginning, that is removed with the range slider if the number is not corresponding.
The edited JSfiddle is https://jsfiddle.net/21kfqhop/23/

