title: populate html table with jquery
body: <p>suppose i have table and i want to append data in the middle of table through jquery.</p>
  
  <h2>here is my table code html</h2>
  
  <pre><code>  &lt;table border="1"&gt;
  &lt;tr&gt;
  &lt;th&gt;Header 1&lt;/th&gt;
  &lt;th&gt;Header 2&lt;/th&gt;
  &lt;/tr&gt;
  </code></pre>
  
  <p><strong>here i need to append tr with jQuery</strong></p>
  
  <pre><code>&lt;tr&gt;
  &lt;td&gt;row 2, cell 1&lt;/td&gt;
  &lt;td&gt;row 2, cell 2&lt;/td&gt;
  &lt;/tr&gt;
  &lt;/table&gt; 
  </code></pre>
  
  <p>is it possible with jquery? if so then please guide me.
  if i can populate then i can do like </p>
  
  <pre><code>for (var i = 0; i &lt; data.d.length; i++) {
              $("#NamesGridView").append("&lt;tr&gt;&lt;td&gt;" + data.d[i].FirstName + 
                                       "&lt;/td&gt;&lt;td&gt;" + data.d[i].Age + "&lt;/td&gt;&lt;/tr&gt;");
           }
         }
  </code></pre>
  
  <p>please guide thanks</p>