title: How to show data dynamically using jsrender
body: <p>I have this JSON data:</p>
  
  <pre><code>var mydata = {
      "bcListResponse": {
          "cardslist": [{
              "emails": [],
              "mobiles": [],
              "bcFirstName": "",
              "titles": [],
              "bcLastName": "",
              "businessCardId": 300
          }, {
              "emails": [{
                  "email": "gregetbtr@crgtgb.fcefe"
              }, {
                  "email": "dfewv@degbt.cgd"
              }],
              "mobiles": [{
                  "mobile": "24154545454545"
              }, {
                  "mobile": "205555555555"
              }],
              "bcFirstName": "aa",
              "titles": [{
                  "company": "fefef",
                  "title": "efe"
              }],
              "bcLastName": "bb",
              "businessCardId": 302
          }, {
              "emails": [],
              "mobiles": [{
                  "mobile": "53643489"
              }],
              "bcFirstName": "ghfj",
              "titles": [],
              "bcLastName": "teyktuyklyi",
              "businessCardId": 303
          }, {
              "emails": [],
              "mobiles": [{
                  "mobile": "jtykuyyukl"
              }],
              "bcFirstName": "hgyujg",
              "titles": [],
              "bcLastName": "ethryj",
              "businessCardId": 304
          }],
          "error": "",
          "status": "success"
      }
  };
  </code></pre>
  
  <p>I used this code to show data but it doesn't work: </p>
  
  <pre><code>&lt;script id="templateData" type="text/x-jsrender"&gt;
          &lt;tr&gt;                
              &lt;td class="details"&gt;
                  &lt;table class="CardTable" cellpadding="3" cellspacing="2"&gt;
                      &lt;colgroup&gt;
                          &lt;col width="50%"&gt;
                          &lt;col width="50%"&gt;
                      &lt;/colgroup&gt;
                      &lt;tbody&gt;   
                          &lt;tr&gt;
                              &lt;td&gt;{{:bcFirstName}}  {{:bcLastName}} &lt;/td&gt;
                          &lt;/tr&gt;   
                      &lt;/tbody&gt;
                  &lt;/table&gt;
              &lt;/td&gt;
          &lt;/tr&gt;
  &lt;/script&gt;
  &lt;script type="text/javascript"&gt;
          $(function () {
              $("#Grid").ejGrid({
                  // the datasource "window.employeeData" is referred from templatelocaldata.js
                  dataSource: mydata,
                  allowScrolling: true,
                  scrollSettings: { height: 380, width: 500 },
                  rowTemplate: "#templateData",
                  columns: [
                          {  },
                          {  }
                  ]
              });
          });
  &lt;/script&gt;
  </code></pre>
  
  <p>Anyone know how to show data dynamically using jsrender?</p>