title: Find Text and add class if value is less than or equals to
body: <p>i want to add a class to a <code>&lt;tr&gt;</code> in my table if its value is less than or equals to <code>40 %</code>
  i'm pretty sure this can be done using jQuery. but i can't make this work.</p>
  
  <p>What i've already tried.</p>
  
  <p><strong>Method #1</strong></p>
  
  <pre><code>var $rows = $('#report-card table tr');
  $rows.each(function(i, item) {
      $this = $(item);
      if ($this.text()) &lt;= '40 %' ) {
          $this.addClass('fail');
      }
  
  });
  </code></pre>
  
  <p><strong>Method #2</strong></p>
  
  <pre><code>$('#report-card table tr').each(function(){
    if ($.trim($(this).text()) &lt;= '40 %') {
      $(this).addClass("fail");
    }
  });
  </code></pre>
  
  <p>Here is the testing JSFiddle: <a href="http://jsfiddle.net/XkCLe/1/" rel="nofollow">http://jsfiddle.net/XkCLe/1/</a></p>
  
  <p>Please help!!!</p>