title: Draggable jquery popup window
body: <p>I have a draggable jquery popup window,now its shows a message inside its body.But i want to load a html page inside the popup how can i do this</p>
  
  <p>here is the screen shot of my popup</p>
  
  <p><img src="https://i.stack.imgur.com/qwFBR.png" alt="enter image description here"></p>
  
  <p>here is my code
  popup.php</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/&gt;
      &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"&gt;&lt;/script&gt;
      &lt;script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"&gt;&lt;/script&gt;
      &lt;style type="text/css"&gt;
          #draggable { width: 200px; height: 250px; background: silver; }
      &lt;/style&gt;
      &lt;script&gt;
          $(document).ready(function() {
              $("#draggable").draggable();
          });
      &lt;/script&gt;
  &lt;/head&gt;
  &lt;body style="font-size:75%;"&gt;
  
      &lt;div id="draggable"&gt;Drag me&lt;/div&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Please help me ,Thanks</p>