title: How to modify the jquery-ui dialog on bootstrap modal
body: <p>I have this following code for making a confirm dialog using jQuery UI:</p>
  
  <pre><code>function Help(section) {
  
  $("#userpopup").remove();
  $("body").append("&lt;div id='userpopup' title='Help' style='display:none'&gt;&lt;/div&gt;");
  
  $('#userpopup').dialog({
      autoOpen: true,
      width: 560,
      height: 500,
      buttons: {
          "OK": function () {
              $(this).dialog("close");
              $("#userpopup").remove();
          }
      },
      open: function (event, ui) {
          $("#userpopup").html("&lt;iframe width='100%' height='400' src='?help&amp;section=" + section + "' frameborder='0' marginwidth='0' marginheight='0' allowtransparency='true'&gt;&lt;/iframe&gt;");
      },
      beforeClose: function (event, ui) {
          $("#userpopup").html("");
      }
  });
  
  
  return false;
  </code></pre>
  
  <p>}</p>
  
  <pre><code>&lt;input onClick="javascript:Help('templates')" type="button" class="btn" value="help"&gt;
  </code></pre>
  
  <p>How to change it to use Bootstrap Modals?</p>