title: jQuery table count rows always returns value of 1
body: <p>For some reason every time I try to count the number of rows in a table
  it always returns 1. I am dynamically adding and removing rows to the 
  table, so I'm starting to think it is just counting the number of rows
  initially configured in the table. here is the code I'm using.</p>
  
  <pre><code>$(".elementDelRowButton").live ('click', function (event) {
  
  console.log ($(this).closest('table').length);
                    if ($(this).closest('tr').index()!=0) {
                        $(this).parent().parent().remove();
                    }
  
              });
  </code></pre>
  
  <p>I have tried using Size, length and other variations, it always returns 1.</p>
  
  <p>Here is the HTML:</p>
  
  <pre><code>&lt;table id="element_items"&gt;&lt;tr&gt;
    &lt;td&gt;&lt;input type="radio" name="radio" /&gt;&lt;/td&gt;
    &lt;td&gt;&lt;input type="text" value="RadioItem"/&gt;&lt;/td&gt;
    &lt;td&gt;&lt;span class="elementAddRowButton"&gt;+&lt;/span&gt;/&lt;span class="elementDelRowButton"&gt;-&lt;/span&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>