jQuery с изменяемым размером не работает с ajax-загруженным контентом

У меня есть следующий div на моей странице:

<div id="container">
<div id="resizable">some content</div>
</div>

У меня есть следующая функция, чтобы изменить ее размер:

$(function(){
   $('div#resizable').resizable();
});

Пока здесь все работает нормально, и у меня есть ручка изменения размера в правом нижнем углу div, но при нажатии функции внутренний div снова загружается с сервера:

$('#button').live('click',function(){
    $.ajax({
       url:"myurl",
       type:"post",
       success:function(data)
      {
         $("#container").html(data);
         $("div#resizable").resizable();
      }
     });
});

Хотя я вызываю функцию с изменяемым размером в обратном вызове ajax, но, похоже, она не работает. Я не вижу ручку изменения размера в правом нижнем углу ajax-загруженного div. Идентификатор правильный, все то же самое. В чем может быть проблема?