JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.1.0/bootstrap.min.js"></script>
<script src="http://bootboxjs.com/bootbox.js"></script>
<form id='form'>
    <input type="submit" name="delete" id="delete" value="delete" />
    <input type="submit" name="copy" id="copy" value="copy" />
    <input type="submit" name="move" id="move" value="move" />
</form>

CSS

@import url('http://twitter.github.com/bootstrap/assets/css/bootstrap.css');

.container {
    margin-top: 10px;
}

JavaScript

var jconfirm = function (message, callback) {
    var options = {            
        message: message
    };
    options.buttons = {
        cancel: {
            label: "No",
            className: "btn-default",
            callback: function(result) {
                callback(false);
            }
        },
        main: {
            label: "Yes",
            className: "btn-primary",
            callback: function (result) {
                callback(true);
            }
        }
    };
    bootbox.dialog(options);
};


$('#delete').on('click', function (e, confirmed) {
    if (!confirmed) {
        e.preventDefault();
        jconfirm("Do you really ....", function (r) {
            console.log(r);
            if (r) {
                $('#delete').trigger('click', true);
            }
        });
    }
});
$('#form').submit(function (e) {
    //do your validation or whatever you need to do before submit
});