how do I use resizable within a function

how do I use resizable within a function

I've created a function to add boxes to a container and now I want to make every box I add resizable. How do I do this? Here's what I have so far...

$(function(){

$('#box').hide();
$('#button').click(function(){
$('#container').append('<div id="box"></div>');
        });
});