Asp.Net MVC3 PopUp modal

See more:

MVC3

Hi I have a web grid that contains CRUD operation and wanna to open this operation in modal dialog : my details column is like this :

@foreach (var items in Model)
{
    @grid.GetHtml(columns: new[]{grid.Column("Name",header:""),
    grid.Column("",header:"",format:(item)=> Html.ActionLink("More Details", "Details", "Category", new{
    categoryId = items.Id,
    @class = "DetailsDialog",
    data_dialog_id = "Dialog",
    data_dialog_title = "Details"
    },null))
}

and also my script :

<script type="text/javascript">

    $.ajaxSetup({ cache: false });

    $(document).ready(function () {
        $(".DetailsDialog").live("click", function (e) {
            e.preventDefault();

            $("<div></div>")
        .addClass("dialog")
        .attr("id", $(this)
        .attr("data-dialog-id"))
        .appendTo("body")
        .dialog({
            title: $(this).attr("data-dialog-title"),
            close: function () { $(this).remove(); },
            modal: true,
            height: 400,
            width: 800,
            left: 0
        })
    .load(this.href);
        });

        $(".close").live("click", function (e) {
            e.preventDefault();
            $(this).closest(".dialog").dialog("close");
        });
    });
</script>

but when I want to send categoryId to my this action link :

public ActionResult Details(Guid categoryId)
        {
            var categoryDetails = _categoryRepository.GetCategoryById(categoryId);
            return PartialView("Details", categoryDetails);
        }

it doesn't render in PopUp ! how can I solve this ??
thanks