How to create dynamically popup dialog for delete button using JQuery?

You can create design dynamically popup dialog using jQuery on delete button click using the following script block. When the user clicks the yes button you can write code for deletion.

$('#btnDelete').click(function () {
  $('<div></div>').appendTo('body')
    .html('<div><h6>Are you surewant to delete image?</h6></div>')
    .dialog({
        modal: true,
        title: 'Delete message',
        zIndex:10000,
        autoOpen: true,
        width: 'auto',
        resizable: false,
        buttons:{
            Yes:function () {
                var dataObject = { id: sndr, submitId: $("#hfdSubmitId").val() };
               dataObject = JSON.stringify(dataObject);
               $.ajax({
                   type: 'POST',
                   url: '@Url.Action("DeleteImage", "Submit", new { area = "" })',
                   data: dataObject,
                    contentType: 'application/json;charset=utf-8',
                   dataType: 'json',
                   success: function (response) {
                       $('#theDiv').empty();
                       $('#theDiv').append(response.OutputHtml);
                   },
                   error: function (xhr, ajaxOptions, thrownError) {
                       $(".errorBlock").html(xhr.responseText);
                       $(".errorBlock").dialog({ mode: true });
                   }
              });
            },
            No: function () {
               $(this).dialog("close");
            }
        },
        close: function (event, ui) {
            $(this).remove();
        }
        return false;

   });