[**Fiddle**](http://jsfiddle.net/jj64k/5/)

```
 $(document).ready(function () {
     $('.del').click(function () {

         // var id = $(this).attr('cmnt-id');
         // $.post(url,{
         //data sent
         //},function(data){
         //remove the comment div

         //show the confirm box and ask for that question now
         confirmBox("Sure wanna delete this?");
         $('#console').append('deleted<br />');
         //});
     });

 });

 function confirmBox(text) {
     var c = $('.confirm');
     c.children('.confirm-text').text(text);
     c.show();
 }

```

When i click delete i want to confirm first and then delete by appending `delete` in `#console`.

I dont want any custom browser `confirm()` or any ***plugins***.

But i cannot get how to implement the confirm box into action please help!

**UPDATE**

if i have something like this

`<button data-id="10" id="send">SEND</button>`

**jQuery** 

```
$('.send').click(){
   var data_id = $(this).attr('data-id');

   $.post(url{
       data_id : data_id
   },function(){data}{

     $('#console').append('sent');    

   });
};

```

if i have something like this then how will i implement the `confirmbox` function in here ?