title: Hide row if it contains empty columns
body: <p>I have a table with a couple of rows, each row with two columns, the first column will hold title and second column will have the respective values.sometimes, cells in the right may not have values, so it doesn't make sense to have just the title..with no value.. I can either hide the title on the left cell that has no value on the right or the whole row itself.</p>
  
  <p>I have come up with this but its not working..</p>
  
  <pre><code>    $('.EventDetail tr').each(function(){      
          if(!$('td:not(:empty)',this).length)         
          $(this).hide();
  }); 
  </code></pre>
  
  <p>Here is the table. I am wondering if  tag is making any difference. OR one of the  has a class and the other one don't ..should that be causing it to not work?</p>
  
  <pre><code>&lt;table cellpadding="10" class ="EventDetail"&gt;
      &lt;tr&gt;
          &lt;td class="TableFields"&gt;&lt;em&gt;Who Should Enroll?:&lt;/em&gt;&lt;/td&gt;
          &lt;td&gt;Everyone 18 and older who would like to attend&lt;/td&gt;
      &lt;/tr&gt;       
      &lt;tr&gt;
          &lt;td class="TableFields"&gt;&lt;em&gt;Handicapped Access:&lt;/em&gt;&lt;/td&gt;
          &lt;td&gt;Yes&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td class="TableFields"&gt;&lt;em&gt;Parking Notes:&lt;/em&gt;&lt;/td&gt;
          &lt;td&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td class="TableFields"&gt;&lt;em&gt;Instructor:&lt;/em&gt;&lt;/td&gt;
          &lt;td&gt;John Filler&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>So there is no parking notes info, so I want to hide the left cell that contains the title 'Parking Notes".</p>