title: jquery Hide table row if td has no text
body: <p>I am trying to hide table row if that rows td has no text inside it. How to do that. 
  So far i tried is <a href="http://jsfiddle.net/chandrashekarthota/v2LAp/1/" rel="nofollow">at fiddle here</a></p>
  
  <p>Javascript:</p>
  
  <pre><code>$('#tblNodes &gt; tbody  &gt; tr').each(function () {
      if ($td.text() == '') {
          $(this).hide();
      }
  });
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;table id="tblNodes" border=1 width=100%&gt;
      &lt;tr&gt;
          &lt;td class="nodeData"&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td class="nodeData"&gt;abc&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td class="nodeData"&gt;&lt;/td&gt;
          &lt;tr&gt;
              &lt;td class="nodeData"&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td class="nodeData"&gt;abc&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td class="nodeData"&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>