Having trouble with resizable()...Please have a look...

Having trouble with resizable()...Please have a look...

hi forum,

im totally new to jquery and trying to play a little bit around. i hope that my question is not to stupid but after playing and trying for hours i decided to ask you. 

i have one thing i dont understand and i have no idea how to get this work. i tried to find a answer and i was searching hours... but i dind't

this is my code:

<script src="js/jquery/jquery-ui-1.11.2.custom/external/jquery/jquery.js"></script>
<script src="js/jquery/jquery-ui-1.11.2.custom/jquery-ui.js"></script>

<style>

body {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
}

.window {
width: 500px;
height: 500px;
background-color: #FF0000;
border: 1px solid #CCCCCC;;
}

</style>

<script>
$(document).ready(function(){

$("#content").html("This is working").draggable().resizable();

});
</script>

<body>
<div id="content" class="window"></div>
</body>
</html>

this works so far: i want to create multiple div boxes which are draggable and resizable... but the content for the boxes should come from external php pages. so i tried:

$("#content").load("external_content.php").draggable().resizable();

instead of 

$("#content").html("This is working").draggable().resizable();.

in this case, with external php content, resizable() does not work. i tried to make a div container on the external page...also not working. how can i create a div, make it draggable AND resizeable after i loaded external content????

please help.

thanks...