jQuery, Using .remove() , but I would like a confirmation box to appear

Question

I am using jQuery's .remove() to get rid of divs of content, but I would like to be able to have a confirmation or dialog box appear before it is removed. I am just not sure of the context of how I would write such a dialog.

$(".remove").click(function () {
  $('div').remove('#item1');
});

Upon clicking the link with class remove I would like a box to popup saying Are you sure you want to remove this? Then click Yes to remove and no to keep it. Thanks in Advance

Answer 1

$(".remove").click(function () {
  if(confirm("Are you sure you want to remove this?")) {
    $('div').remove('#item1');
  }
});

Answer 2

Try this:

$(".remove").click(function () {
  if(confirm("are you sure you want to remove the div")){
    $('div').remove('#item1');
  }
});

Hope it helps