for a week I tried every possible way to make this work on fireFox, Chrome or Opera and no use

it works fine on IE

a sample of what I am doing is here

for (i=0;i<=3;i++){

myAlbumHTML +='<div style="width:150px;display:inline;" >';

myAlbumHTML +='<div style="vertical-align:text-top; display:inline-block; text-align: center; border: solid 2px #000080;" ' + 'ID="' + i + '" class="Albums" onclick="DoClick(this)" >';

myAlbumHTML +='<table><tr><td>';

myAlbumHTML +='<img src="Image/Src"';

myAlbumHTML +='" alt="" ></img>';

myAlbumHTML +='</td></tr><tr><td>';

myAlbumHTML +='Title</td></tr><tr><td>2nd Title' ;

myAlbumHTML +='</td></tr></table></div></div>';

};

$("#cont").html(myAlbumHTML);

function DoClick(obj){alert($(obj).attr("ID"));}

I also tried $(".albums").on("click",DoClick);

its working just like I want on IE . . . but not on chrome or FF