title: call a partial view using @url.action click using jquery
body: <p>call a partial view on @url.action. i am displaying the records using url.action and want to load the partial view when user click on the records.</p>
  
  <p>here is my code on which i want to call the partial view when user click on it.</p>
  
  <pre><code>&lt;td&gt;
  &lt;a href="@Url.Action("Details", new { id=item.TeamId})"&gt;
   @Html.DisplayFor(modelItem =&gt; item.TeamName)
  &lt;/a&gt;
  &lt;/td&gt;
  </code></pre>
  
  <p>here is my Div in which i am placing the Partial view</p>
  
  <pre><code>&lt;div id="detailsPlace" class="dialog_content3" style="display:none"&gt;&lt;/div&gt;
           @Html.Partial("_TeamDetails")
      &lt;/div&gt;
  </code></pre>
  
  <p>here is my partial view which i want to render</p>
  
  <pre><code>@model light.ViewModels.ViewDetailTeam
  @{
      var item = Model.Team;
  }
  
      &lt;div class="dialogModal_header"&gt;@Html.Label(item.TeamName)&lt;/div&gt;
      &lt;div class="dialogModal_content"&gt;
          &lt;div class="main-content"&gt;
              &lt;div class="navi-but"&gt;
                      @Html.Label(item.TeamName)
                  &lt;/div&gt;
                      @Html.Label(item.Description)
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
  </code></pre>
  
  <p>and here is my controller</p>
  
  <pre><code>public ActionResult Details(int id)
          {
  
              lightCoreModel.User loggedInUser = new lightCoreModel.User();
  
  
                  ViewDetailTeam viewDetailTeam = new ViewDetailTeam();
                  ViewData["DetailModel"] = viewDetailTeam;
                  viewDetailTeam.Retrieve(id);
                  return PartialView("_TeamDetails",viewDetailTeam);
  
          }
  now i am facing this problem with pop up its showing me the following screen.
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/BRnvZ.jpg" alt="enter image description here"></p>