title: How to make a <tr> invisible if it's <td>'s are empty?
body: <p>I have a table which contains 'n' rows dynamically generated. All <code>&lt;td&gt;</code>'s may or may not contain data. I want to hide or delete '<code>&lt;tr&gt;</code>' if all it's td's are empty. </p>
  
  <p>I don't know how to parse through all <code>&lt;td&gt;</code>'s and make sure it's empty or not. </p>
  
  <p>example table as follows,</p>
  
  <pre><code>&lt;table id='ex_table'&gt;
    &lt;tr&gt;
       &lt;td&gt;one&lt;/td&gt;
       &lt;td&gt;two&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
       &lt;td&gt;&lt;/td&gt;
       &lt;td&gt;one&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
       &lt;td&gt;&lt;/td&gt;
       &lt;td&gt;&lt;/td&gt;
    &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>In the above table last row need to be hidden since all it's <code>&lt;td&gt;</code>'s are empty. I prefer jquery to do this. </p>