I have a pop-up window that contains the code snippet below, defining a template within a "container":
<form method="post" class="signin" action="#">
<div id='container'>
<div>
<div id="divFeeTitle"></div>
</div>
</div>
</form>
The div is being populated using a container and for loop:
//loop through JSON object and display properties
for(var index=0; index<LineItem.length; index++){
DisplayTitle(LineItem[index]);
}
The Display Title function looks like this:
function DisplayTitle(Object){
$('#divFeeTitle').html(Object.Title);
}
The issue arises when there are multiple objects, as the content of divFeeTitle gets replaced by the last object in the list. I need it to display all objects in the order they appear.