title: Table filter not working with select2
body: <p>I'm creating table filter for my project. With input fields it works perfectly, but I can't manage to work properly select2 filter, it just don't work.. Here is my jQuery code:</p>
  
  <pre><code>$(document).ready(function() {
    $('.filterable .filters input, select').keyup(function(e) {
      var code = e.keyCode || e.which;
      if (code == '9') return;
      var $input = $(this),
        inputContent = $input.val().toLowerCase(),
        $panel = $input.parents('.filterable'),
        column = $panel.find('.filters th').index($input.parents('th')),
        $table = $panel.find('.table'),
        $rows = $table.find('tbody tr');
  
      var $filteredRows = $rows.filter(function() {
        var value = $(this).find('td').eq(column).text().toLowerCase();
        return value.indexOf(inputContent) === -1;
      });
  
      $table.find('tbody .no-result').remove();
      $rows.show();
      $filteredRows.hide();
  
      if ($filteredRows.length === $rows.length) {
        $table.find('tbody').prepend($('&lt;tr class="no-result text-center"&gt;&lt;td colspan="' + $table.find('.filters th').length + '"&gt;Deja, bet rezultatų nepavyko rasti&lt;/td&gt;&lt;/tr&gt;'));
      }
    });
  });
  
  $("#street").select2({
    minimumInputLength: 3
  });
  </code></pre>
  
  <p>And here is my JsFiddle :
  <a href="https://jsfiddle.net/5202jsax/9/" rel="nofollow noreferrer">https://jsfiddle.net/5202jsax/9/</a></p>
  
  <p>Appreciate for help in advance!</p>