title: How to add a row on top of the table and below <th>?
body: <blockquote>
    <p>How to add a row on top of the table and below (&lt;-th->) ?</p>
  </blockquote>
  
  <pre><code>&lt;table id="mytable" cellpadding="0" cellspacing="0"&gt;
      &lt;tr&gt;
          &lt;th&gt;Name&lt;/th&gt;
          &lt;th&gt;Place&lt;/th&gt;
          &lt;th&gt;Country&lt;/th&gt;
     &lt;/tr&gt;
  </code></pre>
  
  <blockquote>
    <p>Here I need to add rows dynamically....
          is it possible?</p>
  </blockquote>
  
  <pre><code>    &lt;tr&gt;
          &lt;td&gt;ABC&lt;/td&gt;
          &lt;td&gt;Any Place&lt;/td&gt;
          &lt;td&gt;Any Country&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;xyz&lt;/td&gt;
          &lt;td&gt;place&lt;/td&gt;
          &lt;td&gt;Any Country&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  &lt;button id="but"&gt;mybutton&lt;/button&gt;
  
  
  $('#but').on('click', function(e){
      $('#mytable')
          .prepend('&lt;tr&gt;&lt;td&gt;newcol1&lt;/td&gt;&lt;td&gt;newcol2&lt;/td&gt;&lt;td&gt;newcol3&lt;/td&gt;&lt;/tr&gt;');
  });
  </code></pre>