title: xhow to create a confirm delete dialog box with bootstrap framework?
body: <blockquote>
    <p><strong>Possible Duplicate:</strong><br>
    <a href="https://stackoverflow.com/questions/8982295/confirm-delete-modal-dialog-with-twitter-bootstrap">Confirm delete modal/dialog with Twitter bootstrap?</a>  </p>
  </blockquote>
  
  
  
  <p>How do I create a confirm delete dialog box using twitter's boostrap framework?</p>
  
  <p>I have a link that will do an ajax delete of an object on the backend, but I want to make sure the user confirms that they want to delete before I send the request.</p>
  
  <p>I'm using jQuery on the front-end and node.js/express on the backend.</p>
  
  <p>The jQuery code looks like this:</p>
  
  <pre><code>$("a.remove").click(function(e){
    e.preventDefault();
  
    $.ajax({
      url: '/api/item/'+itemId,
      type: 'DELETE',
      success: function(d){
        if ( d.status == 'success' ) {
          app.msg({ type: 'info', msg: d.message, before: "#items" });
          $("#item_"+itemId).fadeOut();
          app.log('deleted');
        } else {
          app.msg({ type: 'error', msg: d.message, before: "#items" });
          app.log('failed');
        }
      }
    });
  });
  </code></pre>
  
  <p>I want to inject a pretty confirmation box.</p>