Want to confirm a delete but hate the default javascript confirm()? Say hello to jConfirm, the solution to all your woes.

<!-- Includes the CSS -->
<link rel="stylesheet" type="text/css" href="jConfirm-v2.css">
<!-- Create buttons -->
<a href='#' class="btn btn-lg btn-success jConfirm" role="button" itemType='product' itemId='1'>Demo</a>
<a href='http://github.com' class="btn btn-lg btn-primary jConfirmTwo" role="button">Get it on Github</a>
<!-- Includes the jQuery and the JS -->
<script src='https://code.jquery.com/jquery-2.0.3.min.js'></script>
<script src='jConfirm-v2.js'></script>
<script>
<!-- Apply to all current + future elements with the class jConfirm (notice openNow) -->
$('body').on('click', '.jConfirm', function(){
$(this).jConfirm({
message: 'You sure you to delete this?',
confirm: 'YUPPERS',
cancel: 'NO WAY!',
openNow: this,
callback: function(elem){
alert('According to the link you clicked...\r\nType = "'+elem.attr('itemType')+'" \r\n ID = "'+elem.attr('itemId')+'"');
}
});
});
<!-- Apply to all current elements with the class jConfirmTwo -->
$('.jConfirmTwo').jConfirm({
message: "You sure you're ready to use our badass plugin?",
confirm: "Let's GO!",
cancel: "Sorry, I'm a Loser...",
openNow: false,
callback: function(elem){
window.location.href = elem.attr('href');
}
});
</script>