Как отфильтровать таблицу по select?

(function($) {
    $(function() {
 
        $.ajax({
            type: "GET",
            url: "xml/get.xml",
            dataType: "xml",
            success: parser
        });
    function parser(xml) {
        var select = '<select class="sel">';
 
        $(xml).find("category").each(function() {
            select+='<option id="'+$(this).attr('id')+'">'+ $(this).text()+'</option>';
        })
 
        select+='</select>';
        $('#filter').prepend(select);
 
        var str='<table>';
 
        str+='<tr style="font-weight: bold"><td>Название</td><td>Страна</td><td>Цена</td><td>Валюта</td><td>Товар</td><td>Доставка</td><td>Ассортимент</td><td>Склад</td><td>Категория</td><td>Ссылка</td></tr>'
 
        $(xml).find("offer").each(function() {
 
            str+='<tr id="'+$(this).attr('id')+'">';
            str+='<td>'+$(this).find('name').text()+'</td>';
            str+='<td>'+$(this).find('country_of_origin').text()+'</td>';
            str+='<td>'+$(this).find('price').text()+'</td>';
            str+='<td>'+$(this).find('currencyId').text()+'</td>';
            str+='<td><img src="'+$(this).find('picture').text()+'"></td>';
            str+='<td>'+$(this).find('delivery').text()+'</td>';
            str+='<td>'+$(this).find('pickup').text()+'</td>';
            str+='<td>'+$(this).find('store').text()+'</td>';
            str+='<td>'+$(this).find('categoryId').text()+'</td>';
            str+='<td><a href="'+$(this).find('url').text()+'" target="_blanc">link</a></td>';
            str+='</tr>';
        })
        
        str+='</table>';
        $('#content').append(str);
    }
 
    
 
    $('button').click(function() {
            ?????????
    })
 
    }) 
})(jQuery)