Adding TR inside td

Question

I am trying to add tr inside td . I want to achieve like this. http://jsfiddle.net/yp4cLds9/ .

But I wanted to add tr when button is clicked.

my java script logic

$('#tbUsers2 tr').each(function (e) {
    var trow = $(this);


    if (count== 0) {
        trow.append('<td class="calculated-value"><input type="text" value="Chem Volume' + iter + '" disabled/></td>');

        count++;
    }   
    else {
        trow.append("<tr><td></td><td><input type='text' value='Chem Volume'></td></tr>");
    }
});

Answer 1

It is always not suggested to add 'tr' within 'td'. But still if you have to do it, then here you can do it with JavaScript:

function addTr(){
    var tr = document.createElement('tr');
    tr.innerHTML = '<td>Hello</td>';

    document.getElementById("anyTDid").append(tr);
}