title: Knockout JS: Bind Json Return Data From c# bind with HTML
body: <p>I got the response and json array but did not map on html Tag.. please help here's my code</p>
  
  <p>C# Code</p>
  
  <pre><code>public JsonResult ShowEmpData() 
  {
      var data = new DAL.ManageEmployee().ShowEmp();
      return Json(data, JsonRequestBehavior.AllowGet);
  }
  </code></pre>
  
  <p>HTML and JSCode       </p>
  
  <pre><code>&lt;div class="container"&gt;
      &lt;ul data-bind="foreach:dat"&gt;
          &lt;li&gt;
              &lt;span data-bind="text:strAddress"&gt;&lt;/span&gt;
          &lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  
  &lt;script&gt;
      $(document).ready(function () {
          var dat;
          $.getJSON("@Url.Action("../Employee/ShowEmpData")")
          .done(function (data)
          {
              dat = JSON.stringify(data);
              console.log(dat);
              alert(dat);
              ko.applyBindings(dat);
          })
              .fail(function (jqxhr, txtsts, err) { alert("fail: " + err); });
  
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>When I use Json.strinfy(data<a href="https://i.stack.imgur.com/L1vQZ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/L1vQZ.png" alt="enter image description here"></a>)</p>