Append <div> using jquery's forEach and templatePlugin

Question

I'm struggeling for some hours with the following problem:

1. Iterating through a object using jquery's forEach method
2. For each object element, a template should be used, which also fills the information in the template. The plugin, which I am using: jquery-tempalte
3. For each object the template should be appended to a <div>

Unfortunately only the last object element is visualized and loaded to the DOM. All other divs, which are created during the steps before, were overwritten.

Find here an jsFiddle, which demonstrates my problem: http://jsfiddle.net/7oq053od/1/

Do you have any idea, what I am missing?
Would be great to get some feedback :)

Answer 1

From Options section on the github webpage you can see this third parameter with the append property set as true. Just consider add it to your script like this :

$.each(results.features, function (key, value) {
    $("#homeView").loadTemplate($("#template"), {
        geoFenceName: value.attributes.title,
        geoFenceDescription: value.attributes.description
    }, {append: true});
});

Here is a working JsFiddle.