jquery UI Draggable Handle not working
<p>I'm having an issue with draggable. I'm making a Window Manager-esque system and wanting to have it so a window can only be dragged by the title bar. The issue is, for some reason this isn't wanting to do what it should. Even though I clearly have the handle set to be the title bar, it's allowing me to drag with everything.</p>

<pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;

&lt;head&gt;
&lt;meta content="en-us" http-equiv="Content-Language" /&gt;
&lt;meta content="text/html; charset=utf-8" http-equiv="Content-Type" /&gt;
&lt;link href="CSS/Primary.css" rel="stylesheet" type="text/css" /&gt;

&lt;script type="text/javascript" src="javascript/jquery-1.8.2.js"&gt;
&lt;/script&gt;
&lt;script type="text/javascript" src="javascript/jquery-ui-1.8.24.custom.min.js"&gt;
&lt;/script&gt;

&lt;script type="text/javascript"&gt;
$(document).ready(function(){
  $("#LoginMinimize").click(function(){
    $("#divLoginBox").toggle();
  });
   $("#LoginClose").click(function(){
    $("#LoginContainer").remove();
  });
$( "#divLoginTitleBar" ).draggable({
    containment: 'window',
    scroll: false,
    handle: '#divLoginTitleBar'

});
});
&lt;/script&gt;

&lt;title&gt;HEP Online --- Application Platform&lt;/title&gt;

&lt;/head&gt;

&lt;body&gt;

&lt;div class="LoginContainer" id="LoginContainer"&gt;
&lt;div id="divLoginTitleBar" class="TitleBar"&gt;
    Login &lt;div id="divTitleButtonBox" class="TitleButtonBox"&gt;
        &lt;img src="images/minimize.png" id="LoginMinimize" height="24px" /&gt; 
        &lt;img src="images/close.png" id="LoginClose" height="24px" /&gt;&lt;/div&gt;

&lt;div id="divLoginBox" class="LoginBox"&gt;
&lt;div id="divLoginContent" class="LoginContent"&gt;

&lt;form method="post" action="" id="frmLogin"&gt;

&lt;img src="images/loginsplash.png" /&gt;

    &lt;table id="tblLoginContent" class="LoginContent"&gt;
        &lt;tr&gt;
            &lt;td&gt;Username:&lt;/td&gt;
            &lt;td&gt;
            &lt;input maxlength="50" name="txtUsrName" size="20" type="text" /&gt;&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
            &lt;td&gt;Password:&lt;/td&gt;
            &lt;td&gt;
            &lt;input maxlength="24" name="txtPassword" size="20" type="password" /&gt;&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
            &lt;td&gt;&lt;input name="btnLogin" type="submit" value="Login" /&gt;&lt;/td&gt;
            &lt;td&gt;&lt;input name="btnReset" type="reset" value="Reset" /&gt;&lt;/td&gt;
        &lt;/tr&gt;
    &lt;/table&gt;
    &lt;/form&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;

&lt;/body&gt;

&lt;/html&gt;
</code></pre>
