title: jQuery highlight effect on table row
body: <p>I have a table that look something like this:</p>
  
  <pre><code>&lt;table id="tblBranchCoverage"&gt;
      &lt;thead&gt;...&lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr class="coverageRow"&gt;
              &lt;td class="countyCovered"&gt;
                  &lt;label="branchCountyCovered coverageDisplay"&gt;Barrow&lt;/label&gt;
                  ...
              &lt;/td&gt;
              &lt;td&gt;
                  ...
              &lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr class="coverageRow"&gt;
              &lt;td class="countyCovered"&gt;
                  &lt;label="branchCountyCovered coverageDisplay"&gt;Cook&lt;/label&gt;
                  ...
              &lt;/td&gt;
              &lt;td&gt;
                  ...
              &lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>I'm trying to apply the highlight effect on a row found by looking for the text of a label in the row.</p>
  
  <p>Selectors I've tried include:</p>
  
  <pre><code>$('#tblBranchCoverage tr label:contains("Barrow")').parent().parent().effect('highlight', {color: '#88AAFF'}, 1500);
  $('label:contains("Barrow")').parents('tr').effect('highlight', {color: '#88AAFF'}, 1500);
  </code></pre>
  
  <p>Both of the selectors above find the correct row, as determined in the console, but I'm getting this error "<em>TypeError: Object [object Object] has no method 'effect'</em>".</p>
  
  <p>What's the correct way to apply the effect on the selected row?</p>