position of div in particular div
<p>i have one card window div in which</p>

<pre><code>       &lt;div id="cards_window"  class="popup_window ui-dialog ui-corner-all" title="Cards"&gt;
            &lt;div id="cards_title"&gt;
                Cards &lt;div id="cards_window_close" class="ui-button ui-icon ui-icon-circle-close popup_close"&gt;&lt;/div&gt;
            &lt;/div&gt;

            &lt;div id="cards"&gt;
                &lt;div id="cards_pending"&gt;&lt;h3&gt;Cards Pending&lt;/h3&gt;&lt;/div&gt;
                &lt;div id="cards_received"&gt;&lt;h3&gt;Cards Received&lt;/h3&gt;&lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;
</code></pre>

<p>i am rendering in this the my all cards instances at particular positions and i want pending card to be in position in pending div and recievend in the received div for that 
what i should do but i am getting the div scattereed in the complete cards div.</p>
