how to do a group "unhighlight" on highlighted rows in a table
<p>I have a table in which any time a user clicks on one of the rows it highlights the row. However as of if I have multiple rows highlighted i have to click each individual highlighted row to get rid of the highlight. I want to make it so when an individual is not clicking on the table it will get rid of the highlight on all the rows. This is the code that I am using.</p>

<pre><code>//this highlights the table that has been clicked on
$('.tr_highlight').live('click',(function () {
    $(this).parent().toggleClass("tr_highlight_ed");
}));
</code></pre>

<p>How do I get it to unhighlight(if thats a word) when clicking anywhere but the table?</p>
