Nested "{{for}}" loop issue?

Hi, I am trying to put together a template with jsRender instead of my own version that I was on, but, I keep getting a: “Uncaught JsRender Error: Syntax error Unmatched or missing tag: “{{/for}}” in template:” error followed by my entire template (maybe it should just be the template name instead, it gets pretty long).

Here is a truncated version of my code, any ideas as to what is going on? Or is it just the nested for loops?

<div class="page" id="{{:info.id+info.name}}">
    {{for sources}}
    <header class="feed-title">
        <div class="feed-title-content">
            <span class="feed-title-text">{{:title}}</span>
        </div>
    </header>
    <section class="row">
        <div class="scroll-left"></div>
        <div class="row-scroll">
            {{for articles}}

                          // An if, else and some standard content insertion stuff was here

            {{/for}}
        </div>
        <div class="scroll-right"></div>
    </section>
    {{/for}}
</div>

EDIT: Forgot to mention, I am loading this from an external file using John Papa’s code (http://msdn.microsoft.com/en-us/magazine/hh975379.aspx).

[AMKohn]

Nevermind, I gave up and switched to Handlebars

[BorisMoore]

Did you mean like this?:

{{for list ~outerData=#data}}
...
{{if ~outerData.some.path===...}}
...

See http://www.jsviews.com/#parentdata