title: Jquery Dynamic table create?
body: <p>How to create Dynamic table using JQuery I created with .append but problem is when i am clicking on again so create anther table but i want add in to a same table so how can i do that please help me.</p>
  
  <pre><code>$(function () {
      $("#addProduct").click(function () {
          var table = $('&lt;table&gt;&lt;/table&gt;').addClass('foo');
          for (i = 0; i &lt; 10; i++) {
              var row = $('&lt;tr&gt;&lt;/tr&gt;');
              for (i = 0; i &lt; 10; i++) {
                  var row1 = $('&lt;td&gt;&lt;/td&gt;').addClass('bar').text('result ' + i);
                  table.append(row);
                  row.append(row1);
              }
          }
          $('#someContainer').append(table);
      });
  });
  </code></pre>
  
  <p>This is HTML</p>
  
  <pre><code>&lt;button id="addProduct"&gt;Add Product&lt;/button&gt;
  
  &lt;div id="someContainer"&gt;&lt;/div&gt;
  </code></pre>