title: Change Row Color based on td value using Jquery
body: <p>I have a table that gets populated from a database. I have 2 conditions that i need to apply</p>
  
  <ol>
  <li>Apply Zebra striping to the Table (Completed)</li>
  <li>Change Row color to red based td value</li>
  </ol>
  
  <p>​`</p>
  
  <pre><code>&lt;tr class="alt"&gt;
      &lt;td class="status"&gt;&lt;input type="text" value="One"&gt;&lt;/td&gt;
      &lt;td class&gt;Received&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr class="alt"&gt;
      &lt;td class="status"&gt;&lt;input type="text" value="One"&gt;&lt;/td&gt;
      &lt;td class&gt;Received&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr class="alt"&gt;
      &lt;td class="status"&gt;&lt;input type="text" value="Zero"&gt;&lt;/td&gt;
      &lt;td class&gt;Received&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr class="alt"&gt;
      &lt;td class="status"&gt;&lt;input type="text" value="One"&gt;&lt;/td&gt;
      &lt;td class&gt;Received&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr class="alt"&gt;
      &lt;td class="status"&gt;&lt;input type="text" value="Zero"&gt;&lt;/td&gt;
      &lt;td class&gt;Received&lt;/td&gt;
  &lt;/tr&gt;
  </code></pre>
  
  <p>
  ​`</p>
  
  <pre><code>$(document).ready(function()
  {
  $("tr.alt:even").css("background-color", "#f0f8ff");
  $("tr.alt:odd").css("background-color", "#fcfceb");
  });
  
  $(document).ready(function() {
     $('.status.val():contains("Zero")').closest('tr.alt').css('background-color', '#cd0000');
  });
  </code></pre>
  
  <p>I wanna change the row color based on the input value </p>
  
  <p><code>&lt;td class="status"&gt;&lt;input type="text" value="One"&gt;&lt;/td&gt;</code></p>
  
  <p><a href="http://jsfiddle.net/MMEhc/146/" rel="nofollow">Here is a fiddle of what I've done so far</a></p>
  
  <p>Would appreciate the help.</p>