title: Unable to create a JQuery Dialog
body: <p>I'm trying to get a JQuery dialog to appear and immediately got the error <code>$(...).dialog() doesn't exist</code>. My googling has revealed that this is usually caused by loading 2 different JQuery libraries but the only script tags in my file are for JQuery and Twitter Bootstrap. Here's my code (including my dialog code adapted from <a href="https://stackoverflow.com/questions/887029/how-to-implement-confirmation-dialog-in-jquery-ui-dialog">How to implement &quot;confirmation&quot; dialog in Jquery UI dialog?</a>)..</p>
  
  <pre><code>&lt;script src="jquery-1.10.1.min.js"&gt;&lt;/script&gt;
  &lt;script src="js/bootstrap.js"&gt;&lt;/script&gt;
  ...
  
  &lt;script&gt;
  $(function(){
  $("#dialog").dialog({
      autoOpen: false,
      modal: true
  });
  $(".deleteLink").click(function(e){
      e.preventDefault();
      var targetUrl = $(this).attr("href");
  
      $("#dialog").dialog({
          buttons : {
              "Yes" : function(){
                  window.location.replace(targetUrl);
              },
              "No" : function(){
                  $(this).dialog("close");
              }
          }
      });
  });
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>Is there any other reason that I might be getting this error besides loading multiple libraries or does bootstrap maybe provide interference of some kind?</p>