title: jQuery remove() for each if class contains text
body: <p>Trying to remove what is in the class 'bnum' IF the title (class name='productnamecolor colors_productname') contains the text 'True'.</p>
  
  <p>Basically in the below example you SHOULD NOT be able to see any "Burkett Bucks" value under the 'True Merchandiser Refrigerator', however it should still be on all the others:</p>
  
  <pre><code>&lt;table width="300px"&gt;
      &lt;tr&gt;
        &lt;td width="100%" valign="top"&gt;&lt;a class="productnamecolor colors_productname" href=""&gt; Star Griddle&lt;/a&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td width="100%" valign="top"&gt;&lt;table cellspacing="0" cellpadding="0" width="100%"&gt;
            &lt;tbody&gt;
              &lt;tr&gt;
                &lt;td width="64%" valign="top"&gt;&lt;font class="text colors_text rewardpoints"&gt;&lt;span id="offers"&gt;Special Offers:&lt;/span&gt;&lt;br&gt;
                  &lt;div class="bbucks"&gt;&lt;img src="http://bit.ly/ihYMFL" id="bucks"&gt; Earn &lt;span class="bnum"&gt;2343&lt;/span&gt; Burkett Bucks&lt;/div&gt;
                  &lt;/font&gt;&lt;/td&gt;
                &lt;td align="right" width="36%"&gt;&lt;/td&gt;
              &lt;/tr&gt;
            &lt;/tbody&gt;
          &lt;/table&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td width="100%" valign="top"&gt;&lt;a class="productnamecolor colors_productname" href=""&gt; True Merchandiser Refrigerator&lt;/a&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td width="100%" valign="top"&gt;&lt;table cellspacing="0" cellpadding="0" width="100%"&gt;
            &lt;tbody&gt;
              &lt;tr&gt;
                &lt;td width="64%" valign="top"&gt;&lt;font class="text colors_text rewardpoints"&gt;&lt;span id="offers"&gt;Special Offers:&lt;/span&gt;&lt;br&gt;
                  &lt;div class="bbucks"&gt;&lt;img src="http://bit.ly/ihYMFL" id="bucks"&gt; Earn &lt;span class="bnum"&gt;2343&lt;/span&gt; Burkett Bucks&lt;/div&gt;
                  &lt;/font&gt;&lt;/td&gt;
                &lt;td align="right" width="36%"&gt;&lt;/td&gt;
              &lt;/tr&gt;
            &lt;/tbody&gt;
          &lt;/table&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td width="100%" valign="top"&gt;&lt;a class="productnamecolor colors_productname" href=""&gt;Generic Something&lt;/a&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td width="100%" valign="top"&gt;&lt;table cellspacing="0" cellpadding="0" width="100%"&gt;
            &lt;tbody&gt;
              &lt;tr&gt;
                &lt;td width="64%" valign="top"&gt;&lt;font class="text colors_text rewardpoints"&gt;&lt;span id="offers"&gt;Special Offers:&lt;/span&gt;&lt;br&gt;
                  &lt;div class="bbucks"&gt;&lt;img src="http://bit.ly/ihYMFL" id="bucks"&gt; Earn &lt;span class="bnum"&gt;2343&lt;/span&gt; Burkett Bucks&lt;/div&gt;
                  &lt;/font&gt;&lt;/td&gt;
                &lt;td align="right" width="36%"&gt;&lt;/td&gt;
              &lt;/tr&gt;
            &lt;/tbody&gt;
          &lt;/table&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;/table&gt;
  </code></pre>
  
  <p>Problem I'm having is that it is doing it for all values, I only want to remove the value under EACH title that has the word 'True' in it.  So im assuming something wrong with my EACH.</p>
  
  <pre><code>$(document).ready(function() {    
      $(".colors_productname:contains('True')").each(function () {
          $('.bnum').remove(); });
  
  });
  </code></pre>