Jquery Tmpl Rendering Array of Objects
<p>I'm using jQuery Tmpl Plugin -> <a href="https://github.com/jquery/jquery-tmpl" rel="nofollow">https://github.com/jquery/jquery-tmpl</a></p>

<p>What's the correct way of rendering an array of objects?</p>

<p>Please consider these codes:</p>

<pre><code>    var html = template.tmpl(showDetailsData); // Show details data is an array of objects

    $(el).html(html);
    $(el).find('#shows-assets .assets').append($(showAssetsToTemplate).tmpl(showGraphicAssetsData));
</code></pre>

<p>Javascript object:</p>

<pre><code>    [
        {
            "id": 14,
            "type": "SHOW_MOBILE_GRAPHIC_B",
        },
        {
            "id": 15,
            "type": "SHOW_MOBILE_GRAPHIC_A",
        },
        {
            "id": 16,
            "type": "GRAPHIC_A",
        },
        {
            "id": 17,
            "type": "SHOW_MOBILE_BANNER",
        },
        {
            "id": 18,
            "type": "SHOW_THUMBNAIL",
        },
        {
            "id": 19,
            "type": "SHOW_BUTTON_A",
        }
    ]
</code></pre>

<p>In this case, the template is being rendered 6 times, I'm guessing that it has something to do with the number of elements on the said object.</p>

<p>Also, what I need is something like this:</p>

<pre><code>{{each data}}
    &lt;li id="show-${$id}"&gt;${$type}&lt;/li&gt;
{{/each}}
</code></pre>

<p>Thanks.</p>
