How can I use jQuery effects on Ajax loaded content?
<p>Hi and thanks for taking some time to look at my question. I have a part of the page where content is dynamicly loaded into from another file. Reason for this is it needs to be live updated. Now I want to be able to apply jquery effects that are usually used for show/hiding content (slide, fade etc) to animate the difference between the current data and the new data. This is the code used to get the content and load it into the div:</p>

<pre><code>    function k() {
        $.post("../includes/ajaxAgenda.php", {
            limit : value
        }, function(data) {
            $('#tab-agenda').html(data);
        });
    };
        $(document).ready(function() {
        k();
        $('#tab-agenda').scroll(function() {
            loadMore();
        });
    });
    var refreshId = setInterval(function() {
        k();
    }, 1000);
</code></pre>

<p>So I guess my question is how do I animate what gets loaded in so it doesn't just "pop" from one content to another? </p>

<p>edit: I tried using the .live instead of .scroll but it doesn't seem to work:</p>

<pre><code>$(document).ready(function() {
$('#tab-agenda').live("scroll",function() {
        alert("hi"); 
        loadMore();
    });
});
</code></pre>
