Div created from code doesn't load classes
<p>I have div container and inside couple div with class demo and gravity like</p>

<pre><code>&lt;div id="container" style="position:relative;width=400px;height=400px;"&gt;
&lt;div class="demo gravity" &gt;&lt;/div&gt;
&lt;div class="demo gravity"&gt;&lt;/div&gt;
&lt;div class="demo gravity"&gt;&lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>and I add new div from code like </p>

<pre><code>    var temp = $('&lt;div/&gt;');
    temp.attr('id', 'foo');
    temp.css( {
        position : 'absolute',
        top : '0px',
        left : '0px',
        width : '200px',
        height : '40px'
    });
    temp.addClass("gravity");
    temp.addClass("demo");
    $('#container').append(temp);
</code></pre>

<p>in onReady function I have code something  like </p>

<pre><code>$(.demo).resizable().draggable().droppable() ;
</code></pre>

<p>and it works for divs inside but it doesn't work for div which I added from code. Div from code shows inside div with id="container" but is not resizable/draggable/droppable. Does anybody knows what is the problem ?</p>
