Post to MVC controller action to return a view using jquery
<p>I am a little new to microsofts MVC framework and seem to be stuck on this issue.</p>

<p>I am trying to post an id which is in json format to my controller action, the controller returns a view with a model, so I am not returning any response back for a success callback to handle the data. The call does not need to be an ajax call, I want to display a brand new view from my click event on my table row. </p>

<p>My code is as follows: </p>

<p>Jquery, added a click event on my table body rows, when I click on a row, I get the id of the row and post to a specific controller action (/Document/Details)</p>

<pre><code>$(document).ready(function () {
$("#tbdocuments").on("click", "tbody tr", function (e) {
    var id = $(this).attr("data-id");
    console.log(id);
    $.post("/Document/Details", { "id": id })
});
})
</code></pre>

<p>Mvc Controller:</p>

<p>The controller successfully receives the id passed from the client( the table row click), and I fetch my model correctly to pass to the view.</p>

<pre><code>  public ActionResult Details(string id)
    {
        var model = documentHelper.FetchSingleDocument(Guid.Parse(id));

        return View(model);
    }
</code></pre>

<p>Razor View Details.cshtml: </p>

<p>This is the view that my markup is on.</p>

<pre><code>@model DocumentBuddy.Mvc.ViewModels.DocumentViewModel

@{
ViewBag.Title = "Details";
Layout = "~/Views/Shared/_LayoutSecure.cshtml";
}
&lt;h2&gt;Details&lt;/h2&gt;
&lt;div&gt;
&lt;h4&gt;DocumentViewModel&lt;/h4&gt;
&lt;hr /&gt;
&lt;dl class="dl-horizontal"&gt;
    &lt;dt&gt;
        @Html.DisplayNameFor(model =&gt; model.DocumentId)
    &lt;/dt&gt;
    &lt;dd&gt;
        @Html.DisplayFor(model =&gt; model.DocumentId)
    &lt;/dd&gt;
    &lt;dt&gt;
        @Html.DisplayNameFor(model =&gt; model.Name)
    &lt;/dt&gt;
    &lt;dd&gt;
        @Html.DisplayFor(model =&gt; model.Name)
    &lt;/dd&gt;
    &lt;dt&gt;
        @Html.DisplayNameFor(model =&gt; model.Description)
    &lt;/dt&gt;
    &lt;dd&gt;
        @Html.DisplayFor(model =&gt; model.Description)
    &lt;/dd&gt;
    &lt;dt&gt;
        @Html.DisplayNameFor(model =&gt; model.MimeType)
    &lt;/dt&gt;
    &lt;dd&gt;
        @Html.DisplayFor(model =&gt; model.MimeType)
    &lt;/dd&gt;
    &lt;dt&gt;
        @Html.DisplayNameFor(model =&gt; model.Length)
    &lt;/dt&gt;
    &lt;/dl&gt;
&lt;/div&gt;
&lt;p&gt;
 @Html.ActionLink("Edit", "Edit", new { /* id = Model.PrimaryKey */ }) |
 @Html.ActionLink("Back to List", "Index")
&lt;/p&gt;
</code></pre>

<p>After I click on my table row, it fires the controller and it fetch the model, however the Details view is never ever display, and it still stays on the same view. I did inspect the page as well with no errors been displayed. I am quite confused on how to do this in MVC without it been an ajax call, I need to redirect to a new view. Any help would be greatly appreciated. Thanks.</p>