Как добавить DOM-модель в структуру HTML?

Question

Я хочу добавить структуру DOM на странице html. Как один ROW, имеющий два поля ввода, кнопки, выпадающие списки и т. Д. Как я могу создать эту структуру без использования добавления строки. подобный "<li> <p>etc etc</p> <button class="etc"></button> etcetc </li>". Я знаю, как создать единый элемент, как

$("<div></div>") 
    .addClass("my-div") 
    .on({ 
    touchstart: function(event) { 
     // Do something 
    } 
    }) 
    .appendTo("body"); 

Но как я могу создать структуру DOM?