title: hide row if one of the columns is empty
body: <p>I have a table with a couple of rows each row with two columns, first left column is the title or topic and the right column is their value. If the right column is empty i need to hide the corresponding row, the whole row itself with the title . How to do it in jquery?</p>
  
  <pre><code>&lt;table cellpadding="10" class ="EventDetail"&gt;
      &lt;tr&gt;
          &lt;td class="TableFields"&gt;Who Should Enroll?:&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;Handicapped Access:&lt;/td&gt;
          &lt;td&gt;Yes&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td class="TableFields"&gt;Parking Notes:&lt;/td&gt;
          &lt;td&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td class="TableFields"&gt;Instructor:&lt;/td&gt;
          &lt;td&gt;John Filler&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>