JQuery :: Creating Nested Layout DIV's For Tabs

I've been developing my beta site (not yet live) and I am integrating a live last.fm stream of the songs I am listening to by using javascript to parse the API's JSON and then place into tables (works very well): [URL]

Now, the trouble begins, I currently have the data layed out all nice and neat in a table: Screenshot

The "I'm Listening To" section is the section I wish to tab out like this: [URL]

So that on hover over the Image the relevant meta data will move in,

The problem I'm now having is that apparently JQuery wont let me do this with tables, thus completely nullifying most of my scripting and I need to reformat the parsed data into nested DIVs rather than tables, and maintain the same layout...

The problem is, I CAN manage to create the parent DIVs that contain the images but cannot get the JSON data to be parsed into the child DIVs,

All DIVs are being created dynamically,

My code so far:

Code:

//Calculates date text
function calculateDateAgo(secAgo) {
var agoString, agoRange, agoScaled;
if(secAgo >= (agoRange = 60*60*24))

[Code]....