Here is an example of a successful JSON Facebook Graph API request that retrieves data objects and displays their page-id pictures inside `img` tags within the `#results` div.
success: function(res){
console.log(res);
$(res.data).each(function(index, value){
var pic = 'https://graph.facebook.com/' + value.id + '/picture?width=200&height=200';
$('<img class="hover" src="'+pic+'" width="200" height="200">').load(function(){
$(this).appendTo("#results").fadeIn("fast");
$(this).wrap('<a href="http://facebook.com/'+value.id+'" target="_blank"></a>');
})
});
},
However, the issue arises when trying to control elements with the class `img .hover`. Despite attempting to apply actions to them using jQuery hover function, nothing happens. This may be due to these new image elements being created after the document was initially loaded. So, how can we access and interact with these dynamically added elements?