title: Nested "{{for}}" issue? [jsRender]
body: <p>I am trying to put together a template with jsRender instead of my own version that I was on, but, I keep getting this: "Uncaught JsRender Error: Syntax error Unmatched or missing tag: "{{/for}}" in template:" followed by my entire template.</p>
  
  <p>Here is a truncated version of my code, any ideas as to what is going on? Or is it just the nested for loops?</p>
  
  <pre><code>&lt;div class="page" id="{{:info.id+info.name}}"&gt;
      {{for sources}}
      &lt;header class="feed-title"&gt;
          &lt;div class="feed-title-content"&gt;
              &lt;span class="feed-title-text"&gt;{{:title}}&lt;/span&gt;
          &lt;/div&gt;
      &lt;/header&gt;
      &lt;section class="row"&gt;
          &lt;div class="scroll-left"&gt;&lt;/div&gt;
          &lt;div class="row-scroll"&gt;
              {{for articles}}
  
                            // An if, else and some standard content insertion stuff is/was here
  
              {{/for}}
          &lt;/div&gt;
          &lt;div class="scroll-right"&gt;&lt;/div&gt;
      &lt;/section&gt;
      {{/for}}
  &lt;/div&gt;
  </code></pre>
  
  <p>Screenshot of chrome's dev tools showing my array structure:</p>
  
  <p>Screenshot 1 of an expanded view:</p>
  
  <p><img src="https://i.stack.imgur.com/fVPlC.jpg" alt="Screenshot 1 of an expanded view"></p>
  
  <p>And collapsed:</p>
  
  <p><img src="https://i.stack.imgur.com/BMTpO.jpg" alt="And collapsed"></p>
  
  <p>Any ideas as to what is going on?</p>
  
  <p><strong>EDIT</strong>: Forgot to mention, I am loading this from an external file using John Papa's <a href="http://msdn.microsoft.com/en-us/magazine/hh975379.aspx" rel="nofollow noreferrer" title="code">code</a></p>
  
  <p><strong>EDIT</strong>: Demo and code:</p>
  
  <p>Chrome's dev tools output of my array:</p>
  
  <pre><code>Object
      info: Object
      sources: Array[1]
          0: Object
              articles: Array[7]
                  0: Object
                  1: Object
                  2: Object
                  3: Object
                  4: Object
                  5: Object
                  6: Object
              link: "http://lifehacker.com"
              title: "Lifehacker"
  </code></pre>
  
  <p>Demo: <a href="http://jsfiddle.net/SO_AMK/3J7AE/" rel="nofollow noreferrer">http://jsfiddle.net/SO_AMK/3J7AE/</a></p>
  
  <p>And of a working nested array:</p>
  
  <pre><code>Object
      foo: "names"
      testData: Array[2]
          0: Object
              markup: "&lt;span style='background: yellow'&gt;John&lt;/span&gt;"
              name: "John"
              secondary: Array[1]
                  0: Object
                  1: Object
  </code></pre>
  
  <p>Demo: <a href="http://jsfiddle.net/SO_AMK/Vf8Bq/" rel="nofollow noreferrer">http://jsfiddle.net/SO_AMK/Vf8Bq/</a></p>