The code below creates images based on a json feed, no problem. All images are created and the click function works perfectly, but... I can't access any of the images by their id's so I can't make the function behave as I wan't.

I first thought jQuery appended my image object as html and didn't insert it as a valid object in the dom, but as the click function is working that can't be it?

I found some other people had the same problem but they were using vanilla js, their solution was using .appendChild() but that doesn't work in jQuery.

I really hope someone can shed some light over my little issue, all input are very appreciated!

2. $.each(json.hotgames, function(i, item) {
3. var image = $('<img>')
4. .attr('id', item.uuid+':'+item.lane)
5. .attr('src', 'xxx')
6. .click(function(){
7. new Boxy('some html', {title: item.company_name});
8. })
9. .css('width', '179px')
10. .css('cursor','pointer')
11. .load(function() {
12. arrHotGames.push('#'+item.uuid+':'+item.lane)
13. if ($('#'+item.uuid+':'+item.lane).length == 0) {
14. $('#hotGames').append($(image));
15. } else {
16. $('#'+item.uuid+':'+item.lane).replaceWith($(this));
17. }
18. });
19. });