hover card not working for on the fly added data
<p>hover card is working fine when i refresh a page. But when i add an html row 
using</p>

<pre><code>   $('.addactanme').click( function(){
                var activityName = $('#activityName2').val();
                var listId = $('#listId').val();
                $.post(
                   "&lt;?php echo SITE_URL?&gt;ajax/activity/addActivity.php",
                   {name: activityName, listId: listId },
                   function(data) {
                       var returnValue = $.parseJSON(data);

                       $('#activityWhere').val(returnValue.id);
                       var activityText = "Activity " + activityName + " Created";
                       $('#activitySuccess').text(activityText);
                       $('#activitySuccess').fadeOut(5000);
                       //console.log($('#activityWhere').val());
                       $('#empty-active').empty();
                       $('#activties-added').append(returnValue.html);
                   }
             );
</code></pre>

<p>the above function, it's not working. Only for the html content that's added using </p>

<pre><code>$('#activties-added').append(returnValue.html);
</code></pre>

<p>Please help.</p>
