Filter content using checkboxes & JQuery

Filter content using checkboxes & JQuery

by levan gongadze

HTML

<div class="tags">
        <label>
            <input type="checkbox" data-rel="1" value="გიორგი" />
            გიორგი 
        </label>
        <label>
            <input type="checkbox" data-rel="2" value="ლევანი" />
            ლევანი
        </label>
        <label>
            <input type="checkbox" data-rel="3" value="შოთა" />
            შოთა
        </label>
        <label>
            <input type="checkbox" data-rel="4" value="ანი" />
            ანი
        </label>
    </div>
    <ul class="results">
        
    </ul>

JavaScript

$(document).ready(function () {
    $('.results > li').hide();

    $('div.tags').find('input[data-rel]').live('click', function () {
        $('.results > li').hide();
        $('div.tags').find('input:checked').each(function () {
        	$('.results').append('<li class="1">'+$(this).(val)+'</li>');
        });
    });
});