Add row to the beginning of a table - JavaScript - jQuery
<p>What is the best method in jQuery to add an additional row to a table as the first row?</p>

<p>I have a table like this</p>

<pre><code>&lt;table id="mytable" cellpadding="0" cellspacing="0"&gt;
&lt;tr&gt;
&lt;td&gt;col1&lt;/td&gt;
&lt;td&gt;col2&lt;/td&gt;
&lt;td&gt;col3&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;col1&lt;/td&gt;
&lt;td&gt;col2&lt;/td&gt;
&lt;td&gt;col3&lt;/td&gt;
&lt;/tr&gt;
&lt;/table&gt;
&lt;button id="but"&gt;mybutton&lt;/button&gt;
</code></pre>

<p>I want to add a row <strong>as the first row</strong> to the beginning of the table with given default values. How can I accomplish this using JavaScript and jQuery? A fiddle will be helpful.</p>
