Loading Partial view in ajaxified way
<p>I am trying to load a partialview using ajax method. Since I have tried it in past but I don't know why this time it is not loading the content and data. I am wondering that where I am wrong. How can I correct this?</p>

<p>This is my view having partial view in one of its div named "Add_Group".</p>

<pre><code>@(Html.Kendo().Window()
    .Name("AddEditGroupWindow")
    .Title("Edit Group")
    .Content(@&lt;text&gt;&lt;div id="Add_Group" style="display:none; width:100%;"&gt;
            @Html.Partial("~/Areas/Admin/Views/UserGroups/_AddGroupPartial.cshtml");
        &lt;/div&gt; &lt;/text&gt;)
                .Visible(false).Width(1000).Height(300))
</code></pre>

<p>After I get data using post as below I am trying to load that patial view using 
below:</p>

<pre><code>$.post("/UserGroups/getGroupDetail", { "groupId": id }, function (response) {
            $("#Add_Group").html(response.Data);
            $("#AddEditGroupWindow").data("kendoWindow").open();
            $("#Add_Group").show();
        });
</code></pre>

<p>in controller it is like below:</p>

<pre><code> public ActionResult GetGroupDetail(string groupId)
        {
            var data = string.Empty;
            UserGroupRoleModel objmodel = new UserGroupRoleModel();
            var groupEntity = this._userGroupServices.GetGroupDetail(Convert.ToInt32(groupId));
            return this.Json(new { Data = groupEntity });
        }
</code></pre>