title: The bootbox dialog window doesn't show
body: <p>I want to delete user with bootbox dialog window but when i click remove button the bootbox dialog window doesn't show. I wrote a simple program. Here is my codes:
  Before i confirm in  libraries:</p>
  
  <pre><code>&lt;head&gt;
      &lt;title&gt;Adminstration&lt;/title&gt;
        &lt;meta charset="utf-8"&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
    &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"&gt;
    &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"&gt;&lt;/script&gt;
    &lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"&gt;&lt;/script&gt;
    &lt;script type="text/javascript" src="bootbox.min.js"&gt;&lt;/script&gt;
   &lt;link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"&gt;
  &lt;/head&gt;
  </code></pre>
  
  <p>My html code like this:</p>
  
  <pre><code>&lt;form id="form1" action="footer.php"&gt;
      &lt;div class="body-wrap" id="wrapper" style="overflow: auto;"&gt;    
              &lt;div class="container" id="container" style=" margin-top: 40px;"&gt;
                  &lt;div class="well col-xs-8 col-sm-8 col-md-8 col-lg-8 col-xs-offset-2 col-sm-offset-2 col-md-offset-2 col-lg-offset-2" id="well"&gt;
                      &lt;?php $arr = array(1, 2, 3, 4); foreach ($arr as $value)
                          {  $value = $value * 2;
                               ?&gt;             
                      &lt;div class="row user-row" style="border-bottom: 1px solid #ddd;"&gt;
                          &lt;div class="col-xs-8 col-sm-9 col-md-10 col-lg-10"&gt;
                              &lt;strong&gt;&lt;?php echo $value ?&gt;&lt;/strong&gt;&lt;br&gt;
                              &lt;span class="text-muted"&gt;Value: &lt;?php echo $value; ?&gt; &lt;/span&gt;
                          &lt;/div&gt;
                          &lt;div class="col-xs-1 col-sm-1 col-md-1 col-lg-1 dropdown-user pull-right" data-for=".&lt;?php echo $value; ?&gt;"&gt;
                              &lt;i class="glyphicon glyphicon-chevron-down text-muted "&gt;&lt;/i&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;      
                      &lt;div class="row user-infos &lt;?php echo $value; ?&gt;" id="user-infos"&gt;  
                          &lt;div class="col-xs-12 col-sm-12 col-md-10 col-lg-10 col-xs-offset-0 col-sm-offset-0 col-md-offset-1 col-lg-offset-1" id="col-xs"&gt;
                              &lt;div class="panel panel-primary" id="panel"&gt;
                                  &lt;div class="panel-heading"&gt;
                                      &lt;h2 class="panel-title" style="text-align: center;"&gt;user info&lt;/h2&gt;
                                  &lt;/div&gt;
                                  &lt;div class="panel-body"&gt;
                                      &lt;div class="row-fluid"&gt;
                                          &lt;div class="span6"&gt;
                                              &lt;h3&gt; &lt;?php echo  $value ?&gt; &lt;/h3&gt;&lt;br&gt;
                                          &lt;/div&gt;
                                      &lt;/div&gt;
                                  &lt;/div&gt;
                                  &lt;div class="panel-footer clearfix" id="footer"&gt;
                                      &lt;span&gt;
                                          &lt;a class="delete_user btn btn-danger btn-sm pull-right" id="del" href="" data-toggle="tooltip" title="Delete user"&gt;&lt;span class="glyphicon glyphicon-remove"&gt;&lt;/span&gt;&lt;/a&gt;
                                      &lt;/span &gt; 
                                  &lt;/div&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;&lt;?php } ?&gt;
                  &lt;/div&gt; 
              &lt;/div&gt;
      &lt;/div&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>And js code:</p>
  
  <pre><code>    $(document).ready(function(){
  $('[data-toggle="tooltip"]').tooltip(); 
  });
  /************************USERS********************************/
      $(document).ready(function() {
          var panels = $('.user-infos');
          var panelsButton = $('.dropdown-user');
          panels.hide();
  
          //Click dropdown
          panelsButton.click(function() {
              //get data-for attribute
              var dataFor = $(this).attr('data-for');
              var idFor = $(dataFor);
  
              //current button
              var currentButton = $(this);
              idFor.slideToggle(400, function() {
                  //Completed slidetoggle
                  if(idFor.is(':visible'))
                  {
                    currentButton.html('&lt;i class="glyphicon glyphicon-chevron-up text-muted"&gt;&lt;/i&gt;');
                  }
                  else
                  {
                      currentButton.html('&lt;i class="glyphicon glyphicon-chevron-down text-muted"&gt;&lt;/i&gt;');
                  }
              })
          });
      });
  /********************************************************/
  
  /************************DELETE USERS*************************************/
      $(document).ready(function(){
          $('.delete_user#del').click(function(e){ 
              e.preventDefault();
              bootbox.dialog({
                  message: "&lt;i class='fa fa-warning fa-2x' style='color: orange;'&gt;&lt;/i&gt;&lt;span style='font-size:16px; position: absolute; margin-left: 5px; margin-top: 5px;'&gt;Are you sure to delete this user?&lt;/span&gt;",
                  title: "&lt;i class='glyphicon glyphicon-trash'&gt;&lt;/i&gt; Delete user!",
                  buttons: {
                      danger: {
                          label: "Delete!",
                          className: "btn-danger",
                          callback: function() {/*some code*/}
                      },
                      success: {
                          label: "No",
                          className: "btn-success",
                          callback: function() {
                              $('.bootbox').modal('hide');
                          }
                      }
                  }
              });
          });
      });
  /*******************************************************************/
  </code></pre>
  
  <p>This js code for bootbox dialog is work another php file but doesn't work for this php file.</p>