selet dynamically added element with jquery
<p>I have dynamically added an element in page using jquery with following function.</p>

<pre><code>function addtocart(popid)
{
    jQuery('#thumb'+popid+' button').attr("disabled", true);
    //jQuery('#thumb'+popid+' button').html("Added");
    position = jQuery('#cart').offset();
    source = jQuery('#thumb'+popid+' img').offset();

    jQuery('#thumb'+popid+' img').clone().css({'display':'block', 'position':'absolute','top':source.top,'left':source.left}).appendTo('body').addClass('animation');
    jQuery('.animation').animate(
        {'left': position.left, 'top':position.top},
        'slow',
        function(){
                jQuery(this).remove();
                jQuery('#cart').append('&lt;li class="test"&gt;'+jQuery('#thumb'+popid+' .title').html()+'&lt;a href="#"&gt;X&lt;/a&gt;&lt;/li&gt;');
                jQuery.ajax({
                    url: "creatives.php?ajax=1&amp;creativeid="+popid,
                    success:function(data){
                        jQuery('.itemstodwnload span').html(data);
                    }
                }); 
            }
        );
}
</code></pre>

<p>but i cannot call any event on this new element.</p>

<pre><code>jQuery('.test').hover(function(){
            alert('asdf');
        });
</code></pre>

<p>any suggestion</p>
