Question

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.

My js:

function initialize(){

$("#butonID").click(function (){
     var aux =  '<tr><td id="col-1"></td><td id="col-2"></td><td id="col-3"></td><td="col-4"></td></tr>';
    $('#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()
    );

})
}

Here’s my code in action

UPDATE
modified the link

Answer 1

Finally I solved my problem:

$(document).ready(initialize);

function initialize() {

    $("#butonID").click(function() {
        $("#tblSalida").append('<tr></tr>');
        $("#tblSalida tr:last").append($('<td></td>').append($("#prueba").clone()));
        $("#tblSalida tr:last").append($('<td></td>').append($("#prueba2").clone()));
    });
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<table>
    <tr>
        <td>
            <select name="prueba" id="prueba" class="ddlStyles">
                <option value="">Elige un estilo</option>
                <option value="messageTextStyle1">Estilo 1</option>
                <option value="messageTextStyle2">Estilo 2</option>
                <option value="messageTextStyle3">Estilo 3</option>
            </select>
        </td>
        <td>
            <select name="prueba" id="prueba2" class="ddlStyles">
                <option value="">Elige un estilo</option>
                <option value="messageTextStyle1">Estilo 1</option>
                <option value="messageTextStyle2">Estilo 2</option>
                <option value="messageTextStyle3">Estilo 3</option>
            </select>
        </td>
    </tr>
    <tr>
        <td>
            <input name="primerboton" id="butonID" type="button" value="Copiar" />
        </td>
    </tr>
</table>

<table id="tblSalida">
    <tr>
        <td>
            salida
        </td>
    </tr>
</table>

jsfiddle here