jQuery LiveFilter Plugin MultiSelector Sample

HTML

<script src="https://rawgithub.com/straps/jquery-livefilter/master/jquery.livefilter.js"></script>
<div id="main">
    <h2>Multiple Selector Filter</h2>
    <label for="i">Type here</label> <input id="i"><br/><br/>

    <div>
        Tables
        <table>
            <thead><tr><th>COL 1</th><th>COL 2</th></tr></thead>
            <tbody>
                <tr><td>col1 row1</td><td>col2 row1</td></tr>
                <tr><td>col1 row2</td><td>col2 row2</td></tr>
                <tr><td>col1 row3</td><td>col2 row3</td></tr>
            </tbody>
        </table>
    </div>
    
    <div>
        ULs
        <ul>
            <li>Item 1</li>
            <li>Item 2</li>
            <li>Item 3</li>
        </ul>       
    </div>    
    
    <div> 
        Paragraphs
        <p>par 1</p>
        <p>par 2</p>  
    </div>
</div>
<div id="log"></div>

CSS

body { color:#444; font-family: sans-serif;}
h2 {font-weight: bold; font-size: 1.2em; margin-bottom:10px;}
th {background-color: #444; color: #eee; font-weight: bold;}
th, td { border: 1px solid #ddd; padding: 2px 4px;}
div {float:left; margin: 5px 30px 5px 2px;}
#log {margin-top: 10px; font-size:0.9em; font-family:monospace; }

JavaScript

$('input').livefilter({selector:'tbody tr, li, p'});