Create div using jquery with fade in effect
<p>I want to get some text from php file and display on a browser using jquery such that each time a new row will add at top of other and with fade in effect:
I write a script like:</p>

<pre><code>$(function() {
    setInterval(function() {
    var html = $("#response").load("new_feed.php");
    $("#foo").append("&lt;div&gt;"+html+"&lt;/div&gt;");
    $("#foo").fadeIn('slow');
}, 1000);
}

&lt;div id="foo" align="left"&gt;&lt;/div&gt;
</code></pre>

<p>but it just create a div at once and display output like:</p>

<pre><code>[object Object]
[object Object]
[object Object]
...
[object Object]
</code></pre>
