var content = $('#content');

var list = [{text: "Henlo"}];

​

// We need to manually update the DOM to match the list

for(var i=0; i<list.length; i++){

    // Bottleneck: jQuery need to parse the string to generate new element

    content.append(`<div>dummy ${ list[i].text }</div>`);

}

​

// Editing first array value

list[0].text = "Hello"; // We need to manually update the DOM after change this

content.children().eq(0).text(`dummy ${ list[0].text }`);

​

// Add new data into the array

list.push({text: "World"}); // Again.. we need manually update the DOM

content.append(`<div>dummy ${ list[1].text }</div>`);