jQuery tabs showing details from different controllers in ASP.NET MVC 4

See more:

C#

ASP.NET

MVC

jQuery

Razor

I am very new to ASP.NET MVC 4. I am wondering how if possible I can have a jQuery tabcontrol which will show a details views from different controllers on each tab.

I can set up the tab control like this in the razor view:

@model APPCENTER_MVC.ViewModels.ViewModel
@{
    ViewBag.Title = "APPLICATION CATALOG";
}
@section featured {
    <section class="featured">
        <div class="content-wrapper">
            <hgroup class="title">
                <h1>@ViewBag.Title.</h1>
                <h2>@ViewBag.Message</h2>
            </hgroup>
        </div>
    </section>
}
@section Scripts {
    <section class="Jscripts">
        <script type="text/javascript">
            $(function () {
                $("#tabs").tabs();
            });
        </script>
    </section>
}
<div id="tabs">
    <ul>
        @foreach (var item in Model.Category.ToList())
        {        
            <li>
                <a href="tabs-@item.ID">@Html.DisplayFor(modelItem => item.Category1)</a>
            </li>     
        }
    </ul>
</div>

[Edit] Add Code Block [/Edit]

Now I would like to add the details view for each of the created tabs for the different categories. Any help would be very much appreciated.
Thanks
Ryan