Jquery ui Append not working resizable
<p>'m studying jquery and I came across an issue</p>

<p>I have a div that is resizable and want to add another inside dynamically through a button, but I want this next is also resizable, so I'm using the same class.</p>

<p>but is not working</p>

<p>another div to appear, however it is not resizable</p>

<pre><code>    &lt;div id="row" class="ui-widget-content"&gt;
        &lt;div id="bot_add"&gt;X&lt;/div&gt;
    &lt;/div&gt;
    &lt;script type="text/javascript"&gt;
    $(document).ready(function() {
        $('#row')
                    .draggable()
                     .resizable({
            stop: function(e, ui) {
            var temp = $('#row').css('width');
            alert(temp);
        }
    });

$('#bot_add').live('click', function(){

    $('#row').append("&lt;div id='row' class='ui-widget-content'&gt;&lt;/div&gt;");

});



});
    &lt;/script&gt;
</code></pre>

<p>sorry my bad english, I'm brazilian</p>
