Why does Partial View show as full page in MVC 5 Visual Studio 13?

Question

I'm trying to replace part of a page with a partial view in ASP.Net MVC 5 (Visual Studio 13) using the following:

Views/Book/Index.cshtml:

<div id="bargainBook">
    @Ajax.ActionLink("Click here for the Bargain Book!", 
    "BargainBook",
    new AjaxOptions
    {
        UpdateTargetId = "bargainBook",
        InsertionMode = InsertionMode.Replace,
        HttpMethod = "GET"
    })
</div>

In BookController:

public ActionResult BargainBook()
{
 var book = GetBargainBook();
 return PartialView("_BargainBook", book);
}

private Book GetBargainBook()
{
 return db.Books
     .OrderBy(b => b.Price)
     .First();

}

In _BargainBook.cshtml:

@model BookDemo.Models.Book

<div>
<p>
    <strong>Book</strong>
    @Model.Name
</p>
<p>
    <strong>Price</strong>
    @String.Format("{0:F}", @Model.Price)
</p>
</div>

When I click on the link, I go to a full page view of the partial page data.

Answer 1

Turns out that jquery.unobtrusive-ajax.js is not included by default. Adding it solved the problem.

Answer 2

As an additional note on getting this working. I'm hoping VS 2013 RTM includes this but either way this should get you up and running

• Install jquery-validate via nuget by going to tools-library package manager->package manager console and entering in

install-package Microsoft.jQuery.Ajax.Unobtrusive

• Configure your bundle in your /app_start/bundleconfig.cs

bundles.Add(new ScriptBundle("~/bundles/jqueryval").Include(
    "~/Scripts/jquery.unobtrusive*",
    "~/Scripts/jquery.validate*")
);

• Add your bundle to your _layout.cshtml either beneath your

@Scripts.Render("~/bundles/jquery")

or include it in each view you want to use it in

@section Scripts {
    @Scripts.Render("~/bundles/jqueryval")
}