title: Reset select box isotope combination on reset button click
body: <p>I've multiple select box filters to filter data using jQuery isotope. I want to reset all the combinations on a button click.
  I've tried the following code to reset this; but it only shows all the data and actually not resetting the filter options;</p>
  
  <pre><code>$('.reset').on('click', 'button', function () {
      $('.grid').isotope({
          filter: '*',
      });
  });
  </code></pre>
  
  <p>I am using following code for the select box filter working;</p>
  
  <pre><code>var $grid = $('.grid').isotope({
      itemSelector: '.element-item',
      layoutMode: 'vertical'
  });
  var filters = {};
  
  // filter buttons
  $('.filters-button-group').on('change', 'select.filterfields', function () {
      var $this = $(this);
      var group = $this.attr('data-filter-group');
      filters[ group ] = $this.find(':selected').attr('data-filter');
      var isoFilters = [];
      for ( var prop in filters ) {
        isoFilters.push( filters[ prop ] )
      }
      var selector = isoFilters.join('');
      $('.grid').isotope({ filter: selector });
      return false;
  });
  </code></pre>
  
  <p>Please help me to reset all the combination filters on a button click.</p>