clone elements of a table to other
<p>I have two tables and I want that when user clicks clone, the two dropdownlists are added in a single row (each one in a column).  I tried in so many ways but I can make it work, please help.</p>

<p>My js:</p>

<pre><code>function initialize(){

$("#butonID").click(function (){
     var aux =  '&lt;tr&gt;&lt;td id="col-1"&gt;&lt;/td&gt;&lt;td id="col-2"&gt;&lt;/td&gt;&lt;td id="col-3"&gt;&lt;/td&gt;&lt;td="col-4"&gt;&lt;/td&gt;&lt;/tr&gt;';
    $('#tblSalida').append(
        $(aux).find('#col-1').append($('#prueba').clone().attr('id', 'nuevo').attr('class', '')).end()
    );
    $('#tblSalida').append(
        $(aux).find('#col-2').append($('#prueba2').clone().attr('id', 'nuevo').attr('class', '')).end()
    );

})
}
</code></pre>

<p><a href="http://jsfiddle.net/dETuG/23/" rel="nofollow">Here's my code in action</a></p>

<p><strong>UPDATE</strong>
modified the link</p>
