title: How to Display Json Data when ajax request is success
body: <p>Here I am using Ajax+Mvc when I call my data from database it comes in Json format but how can I display that data in div?</p>
  
  <p><strong>Html</strong> </p>
  
  <pre><code>&lt;div id="Div1"&gt;
      &lt;/div&gt;
      &lt;b&gt;Get data&lt;/b&gt;&lt;input type="button" id="BtnGetData" value="GetData" /&gt;
  </code></pre>
  
  <p>When user click on <code>BtnGetData</code> the data should be display in <strong>#Div1</strong>  Here my AJax working fine.<br>But please suggest me where to write <code>$('#Div1').load()</code>;</p>
  
  <pre><code>   $('#BtnGetData').click(function () {
                alert('ok data')
                        $.ajax({
                            url: '/Home/Getdata',
                          method: "GET",
                          type: "JSON",
                          contentType: 'application/json; charset=utf-8',
                          data: JSON.stringify(),                  
                      })
                  })
  </code></pre>
  
  <p><strong>MvcController</strong></p>
  
  <pre><code>public JsonResult Getdata()
          {
              var x = Objrepo.GetEmplo();
              return new JsonResult { Data = x, JsonRequestBehavior = JsonRequestBehavior.AllowGet };
          }
  </code></pre>