Poprawa skryptu odpowiedzialnego za wyświetlanie rekordów oraz tabelki.

Witajcie!

Link do Fiddle'a: https://jsfiddle.net/0z5kcpL4/1/

Walczę od 2 dni z tym. Mianowicie:
Mam tabelkę, która pobiera dane z MySQL i wyświetla je. Teraz chciałbym zrobić prosty(choć nie dla mnie) filtr, tj:
Mam takiego diva:

<div class="box col-md-12 items tags">
            <ul>
            <li class="head">Producent</li>
            <li><input id="producent1" type="checkbox" class="szukajnapraw Promise" rel="Promise"/>Promise</li>
            <li><input id="producent2" type="checkbox" class="szukajnapraw NetStor" rel="NetStor"/>NetStor</li>
            <li><input id="producent3" type="checkbox" class="szukajnapraw Stardom" rel="Stardom"/>Stardom</li>
            <li><input id="producent4" type="checkbox" class="szukajnapraw LaCie" rel="LaCie"/>LaCie</li>
            <li><input id="producent5" type="checkbox" class="szukajnapraw G-Tech" rel="G-Tech"/>G-Tech</li>
            <li><input id="producent6" type="checkbox" class="szukajnapraw mLogic" rel="mLogic"/>mLogic</li>
            <li><input id="producent7" type="checkbox" class="szukajnapraw Tiger Technology" rel="Tiger Technology"/>Tiger Technology</li>
            </ul>
            </div>

Odpowiada on za stworzenie checkboxów z polami, w którymi można wybrać przez co filtrować.

Teraz dodałem JSa i jQuery:

 <script>
    $(document).ready(function () {
            $('.results > td').hide();

            $('div.tags').find('input:checkbox').on('click', function () {
                $('.results > td').hide();
                $('div.tags').find('input:checked').each(function () {
                    $('.results > td.' + $(this).attr('rel')).show();
                });
            });
        }); 
 </script>

Problem, że on w ogóle nie działa. Moglibyście bardziej doświadczeni koledzy podpowiedzieć co zrobić, aby to śmigało? Wyniki wyświetlają się w tabelce.
Liczę na pomoc.