title: dynamically add multiple rows to a table
body: <p>The following code works fine as i am able to add multiple 'tr' rows as i need it but at the same time multiple 'tbody' element is also created. So, I am trying to find a solution where i only create 'tbody' once and add multiple rows.</p>
  
  <pre><code>$results.each(function(){
         $('#tbl').append($('&lt;tbody&gt;')
                  .append($('&lt;tr&gt;')
                  .append('&lt;td&gt;' + Item_val + '&lt;/td&gt;')
                  .append('&lt;td&gt;' + Name_val + '&lt;/td&gt;')
                  .append('&lt;td&gt;' + No_val + '&lt;/td&gt;'))                                
          );
  });
  
  &lt;table id="tbl"&gt;
          &lt;thead&gt;
              &lt;tr&gt;
                  &lt;th&gt;Item&lt;/th&gt;
                  &lt;th&gt;Name&lt;/th&gt;
                  &lt;th&gt;No&lt;/th&gt;                    
              &lt;/tr&gt;        
          &lt;/thead&gt;        
  &lt;/table&gt;
  </code></pre>