Show Rows based on values in multiple columns. JQuery
<p>In JQuery hiding a table row based on a predefined columns td value is easy using the following code.</p>

<pre><code>function filterRows(word){
$('.application&gt;tbody&gt;tr')
.show()
.find('td:nth-child(2)').not(':contains("'+word+'")')
.parent()
.hide()
}
</code></pre>

<p>However how would I go about showing rows that match td values in more than one column.</p>

<p>Something like the following (which does not work)</p>

<pre><code>function filterRows(word){
$('.application&gt;tbody&gt;tr')
.show()
.find('td:nth-child(2)').not(':contains("'+word+'")')
.find('td:nth-child(3)').not(':contains(30)')
.parent()
.hide()
}
</code></pre>

<p>Basically I want to be able to show only rows where my word is passed in "word" is in the second column td and the third column contains "30".</p>

<p>Thanks for any heads up.</p>
