title: How to set the row class of a table based on cell content using jQuery?
body: <p>I have the following table:</p>
  
  <pre><code>&lt;table class="grid"&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Name&lt;/th&gt;
              &lt;th&gt;Status&lt;/th&gt;
          &lt;tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;Project 1&lt;/td&gt;
              &lt;td&gt;Closed&lt;/td&gt;
          &lt;tr&gt;
          &lt;tr&gt;
              &lt;td&gt;Project 2&lt;/td&gt;
              &lt;td&gt;Open&lt;/td&gt;
          &lt;tr&gt;
          &lt;tr&gt;
              &lt;td&gt;Project 3&lt;/td&gt;
              &lt;td&gt;Closed&lt;/td&gt;
          &lt;tr&gt;
      &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>I am trying to move some of my UI code that I used to do in the code-behind to jQuery.  I would like to change the class of TR element whenever the Status (Column 2) column has a value of Open. </p>
  
  <p>What would be the best approach to doing this with jQuery?</p>