Trying to streamline image gallery data input

Trying to streamline image gallery data input

in my little homemade picture gallery i find it difficult to accurately put the information about each picture into the correct place in the HTML doc.
each image is contained within a div, and i have dozens of them. each picture has data associated with it (title, finename, item #, caption, availability and cost), and each item has to go in the right place in the div. and i go bug-eyed trying to keep track of where i am while scrolling around.

it would be nice if i could set up a table or an array and just plop in the new info on a new row, and have a JS or jQ routine grab the pieces of info and set them up in a new div.

after listening to crockford talk about security, i think i want to stay away from databases, and just stick to JS or jQ. but i don't know how to approach this problem. i am not a very advanced JS or jQ user, but if i know what direction to start in, i can probably make some headway.

can anyone give me a few thoughts or pointers ?