title: How to use jquery to remove <div> in a table?
body: <p>I'm trying to remove a few rows surrounded by a div, but it doesn't work, why? </p>
  
  <pre><code>$(function(){
    $("#div1").empty();
  });
  
  
             &lt;table id="tbl" border="1px"&gt;
                  &lt;thead&gt;
                     ...
                  &lt;/thead&gt;
                  &lt;tbody id="tblBody"&gt;
                      &lt;div id="div1"&gt;
                          &lt;tr id="tr1"&gt;
                              &lt;td&gt;
                                  row1
                              &lt;/td&gt;
                          &lt;/tr&gt;
                          &lt;tr&gt;
                              &lt;td&gt;
                                  row2
                              &lt;/td&gt;
                          &lt;/tr&gt;
                      &lt;/div&gt;
                  &lt;/tbody&gt;
              &lt;/table&gt;
  </code></pre>