[JS][jQuery]Poprawa skryptu odpowiedzialnego za wyświetlanie rekordów. Opcje

[patwoj98]

Witajcie!

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

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

[HTML] pobierz, plaintext 
<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>
[HTML] pobierz, plaintext 

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

Teraz dodałem JSa i jQuery(zgodnie z tym co pisał nospor):

[JAVASCRIPT] pobierz, plaintext 
 <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>
[JAVASCRIPT] pobierz, plaintext 

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.

Ten post edytował patwoj98 5.05.2015, 14:39:54

[nospor]

Teraz dodałem AJAXa:

W kodzie co podales nigdzie nie ma AJAXa.... js z jQuery to nie AJAX. To js z jQuery.

przenosze

Co do bledu:
a zaladowales w ogole jQUery?(IMG:style_emoticons/default/questionmark.gif) (IMG:style_emoticons/default/questionmark.gif) Bo w kodzie jsfiddle co podales nie raczyles wlaczyc jQuery a potem wielkie ździwinie ze kod napisany w jQuery nie dziala.

[salfunglandyare]

https://jsfiddle.net/m5uo80e4/
Jeśli chcesz korzystać z nazwy klasy wieloczłonowej zmień spację na jakiś znak, np _, lub - dotyczy klasy Tiger Technology => Tiger_Technology