title: My prompt dialog displays with no background?
body: <p>I'm trying to make a simple prompt. When I run it in jfiddle, it works perfectly fine -- but hosted on my own computer/site, it doesn't work at all. I must be missing something simple. Please have a look: </p>
  
  <p>script.js: </p>
  
  <pre><code>$(document).ready(function() {
      //$('audio').mouseenter(function() {
      //  $(this).fadeOut('slow');
      //});
      function yesnodialog(button1, button2, element){
          var btns = {};
          btns[button1] = function(){ 
              $(this).dialog("close");
          };
          btns[button2] = function(){ 
              $('.level2').hide();
              $(this).dialog("close");
          };
          $("&lt;div id='box'&gt;Are you a &lt;u&gt;level 1&lt;/u&gt;, or a &lt;u&gt;level 2&lt;/u&gt; agent?&lt;/div&gt;").dialog({
              autoOpen: true,
              title: "",
              modal:true,
              buttons:btns
          });
      }
  
      yesnodialog('Level 2', 'Level 1', $('.level2'));
  </code></pre>
  
  <p>Here it is running in jfiddle: <a href="http://jsfiddle.net/CdwB9/421/" rel="nofollow noreferrer">http://jsfiddle.net/CdwB9/421/</a>
  It looks totally fine to me</p>
  
  <p>but, on my own site, it looks like this: </p>
  
  <p><img src="https://i.stack.imgur.com/1qDHf.png" alt="http://i.imgur.com/gV3mQHr.png"> </p>
  
  <p>Does anyone have any idea as to why? </p>