title: JsRender is not rendering as expected
body: <p>This is my template;</p>
  
  <pre><code>&lt;script id="DepartmentTemplate" type="text/x-jquery-tmpl"&gt;
          {{ for BusinessUnitName }}
              &lt;li&gt;{{:#data}}&lt;/li&gt;
          {{/for }}
      &lt;/script&gt;
  </code></pre>
  
  <p>This is where I send the data;</p>
  
  <pre><code>RenderDepartments = function (data) {
              $('#departmentList').empty();
              $('#departmentList').html($('#DepartmentTemplate').render($.parseJSON(data)));
          };
  </code></pre>
  
  <p>And this is where I put the data;</p>
  
  <pre><code>&lt;ul id="departmentList"&gt;&lt;%: Html.DisplayFor(model =&gt; model.AdditionalDepartmentList) %&gt;&lt;/ul&gt;
  </code></pre>
  
  <p>This is the data received into the function data parameter;</p>
  
  <pre><code>{\"BusinessUnitName\":[\"Design and Build (Technical)\",\"Architectual Design\",\"ICT\",\"Mechanical &amp; Electrical \",\"Safety Management\"]}
  </code></pre>
  
  <p>I do not know if I need to use the jquery $.parseJson, but either way the data does not render properly.
  With $.parseJson it renders as; </p>
  
  <pre><code>{{ for BusinessUnitName }} 
  •[object Object]
   {{/for }} 
  </code></pre>
  
  <p>Without it renders as</p>
  
  <pre><code>{{ for BusinessUnitName }} 
  •{"BusinessUnitName":["Architectual Design","ICT","Mechanical &amp; Electrical ","Safety Management","Marketing"]}
   {{/for }} 
  </code></pre>
  
  <p>So on the screen I am seeing some of the template definition, rather than a list.
  How do I fix this?</p>