title: Iterate through and delete empty HTML table rows with jQuery
body: <p>I am attempting to iterate through a HTML table using jQuery and delete empty rows. The page is driven by ASP.NET and with certain permission, items in the table will be hidden. Therefore, I wanted to create this script to remove the empty rows and get rid of the space between the other items that are still displayed. I cannot seem to get what I currently have to run and I am unsure as to why. Here is the code:</p>
  
  <pre><code>&lt;script src="http://code.jquery.com/jquery-1.5.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
      $(document).ready(function () {
          $('tr').each(function () {
              $(this).find('td').each(function () {
                  if ($(this).text().trim() == "") {
                      $(this).closest("tr").remove();
                  };
              });
          });
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>Any guidance would be greatly appreciated. Thanks!</p>