jQuery Copy and append tr's as many as selecting
<p><em>HTML:</em></p>

<pre><code>&lt;table id="mytable"&gt;
&lt;tr&gt;
    &lt;td&gt;
        &lt;select name="antal_tidspunkter" id="antal_tidspunkter"&gt;
            &lt;option value="1"&gt;1&lt;/option&gt;
            &lt;option value="2"&gt;2&lt;/option&gt;
            &lt;option value="3"&gt;3&lt;/option&gt;
            &lt;option value="4"&gt;4&lt;/option&gt;
            &lt;option value="5"&gt;5&lt;/option&gt;
        &lt;/select&gt;
    &lt;/td&gt;
&lt;/tr&gt;
&lt;!-- These three &lt;tr&gt;s below should be duplicated to under each other --&gt;
&lt;tr&gt;
    &lt;td&gt;This should be duplicated&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;This too&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;Hey, me too!&lt;/td&gt;
&lt;/tr&gt;
&lt;!-- Above should be duplicated as of many you select in the select --&gt;
&lt;/table&gt;
</code></pre>

<p><em>JavaScript:</em></p>

<pre><code>$(document).ready(function(){
    $('#antal_tidspunkter').change(function(){
        //
    });
});​
</code></pre>

<p><em>Here's the sample:</em> <a href="http://jsfiddle.net/PMXmY" rel="nofollow">http://jsfiddle.net/PMXmY</a></p>

<p>I would like to do so when you change the selector to 2 it should appear a duplicate of the current 3 tr's, so total 6 tr's..</p>

<p>I have wrote the jquery change() handler for the selector, but how can I do so it duplicates the three tr's and append them under. </p>

<p>So when you have chosen 3, it should appear total 9 <code>&lt;tr&gt;</code>'s, like this: <a href="http://jsfiddle.net/PMXmY/2/" rel="nofollow">http://jsfiddle.net/PMXmY/2/</a> (this is not working I have just manually duplicated the tr's in the html)</p>
