Untitled

MVC Deleting record using Javascript pop up
[HttpPost]
public void DeleteItem(int id)

@for (int i = 0; i < Model.Items.Count; i++)
{
     <a href="#" class="delete-button" data-id="@Model.Items[i].Id">Delete</a>
}

$().ready(function () {
    $(".delete-button").click(null, DeleteItem);  //DeleteItem is the callback
    return false;
});

<div id="dialog-confirm" style="display:none;" title="Confirm">
<p>
    <span class="ui-icon ui-icon-alert" style="float:left; margin:0 7px 20px 0;"></span>
    Are you sure you want to proceed?
</p>
</div>

function confirmDeleteVersion() {
    var recordToDelete = $(this).attr("data-id"); // now we need the data-id to retrieve the identifier for the item to delete
    $("#dialog-confirm").dialog({
        resizable: false,
        height: 200,
        modal: true,
        buttons: {
            "Delete": function () {
                $(this).dialog("close");
                $.post("/Home/Delete", { id : recordToDelete}, DeleteSuccessfull);
            },
            Cancel: function () {
                $(this).dialog("close");
            }
        }
    });
};

var recordToDelete = $(this).attr("data-id");

$.post("/Home/Delete", { id : recordToDelete}, DeleteSuccessfull);

function DeleteSuccessfull()
{
    //Do what you want...
};

<script type="text/javascript">

    $(function () {
        $(".delete").live("click", function (e) {
            e.preventDefault();
            if (confirm("Are you sure you wish to delete this article?")) {
                $.post(this.href);
            }
        });
    });
</script>

<a href="/Project/Delete/11" class="delete">Delete</a>