Jquery resizable

Доброго времени суток. Подскажите господа, что я делаю не правильно.

Задача: создаю по клику на ссылку DIV'ы, и с помощью resizable плаги хочу менять их размеры.

Проблема: Размер меняется только у последнего созданного.

Код ниже:

var i = $('.floatedblock').size()+1;
document.getElementById(''+id+'').innerHTML += '<div id="resizable-'+i+'" class="ui-widget-content floatedblock" style="width: 49%;"><h3 class="ui-widget-header">nimation!!</h3></div>'
$( "#resizable-"+i+"" ).resizable({ghost: true});

Подскажите, где я делаю ошибку.

---------- Добавлено 05.04.2015 в 18:25 ----------

Сам разобрался.

Решение:

$('#'+id+'').append($('<div class="ui-widget-content floatedblock" style="width: 49%;"><h3 class="ui-widget-header">nimation!!</h3></div>')
                   
                  
                    .resizable({
                        ghost: true
                    }) );