title: How to make the popup div draggable
body: <p>i'm trying to make a popup to draggable. does anyone help me  how to do that, here is my code </p>
  
  <p><a href="http://jsfiddle.net/Ur5Xn/38/" rel="nofollow">http://jsfiddle.net/Ur5Xn/38/</a></p>
  
  <pre><code>$(document).ready(function(){
      function showAlertBox(){
       $("#alert").css("display","inherit");
       $("#content").addClass("back");
      }
      function removeAlertBox(){
          $("#alert").css("display","none");
           $("#content").removeClass("back");        
      }
  
  
  
      $("#alertClose").click(function(){
         removeAlertBox(); 
      });
      $("#alertShow").click(function(){
         showAlertBox(); 
      });
  
      $( "#alert" ).draggable();
  
  });
  </code></pre>