title: Knockoutjs Cannot find closing comment tag to match
body: <p>I'm getting the error Message: </p>
  
  <blockquote>
    <p>Cannot find closing comment tag to match: ko foreach: ($root.fetchSplitSchedule($index())) </p>
  </blockquote>
  
  <p>Why?</p>
  
  <p>Markup is below:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;table class="table" data-bind="foreach:$root.weekDays"&gt;
  
      &lt;!-- ko foreach: ($root.fetchSplitSchedule($index())) --&gt;
  
      &lt;tr&gt;
          &lt;td&gt;&lt;strong data-bind="text:$data"&gt;&lt;/strong&gt;&lt;/td&gt;
          &lt;td&gt;&lt;input class="form-control input-sm" 
              data-bind="clockPicker" 
              type="text" /&gt;
          &lt;/td&gt;
          &lt;td&gt;to&lt;/td&gt;
          &lt;td&gt;&lt;input class="form-control input-sm" 
              data-bind="clockPicker" 
              type="text" /&gt;
          &lt;/td&gt;
          &lt;td&gt;
              &lt;a href="#"&gt;Split Hours&lt;/a&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
  
      &lt;!-- /ko --&gt;
  
  &lt;/table&gt;
  </code></pre>
  
  <p>Using Knockout.js and jQuery. Can Knockout not handle nested loops?</p>