How might I clone a div on mouseover to show on a different portion of the page

How might I clone a div on mouseover to show on a different portion of the page

I am learning jquery and my hunch is that it would be the ideal tool to use for what I want to accomplish. I would just appreciate if someone could point me in the right direction, let me know if I'm on the right track, just so I can focus my efforts more effectively.

I'm making a periodic table

(my current table)
www.boulderdan.com

The effect I'd like to have is that, when I mouse over each individual element, information about that element would show at some place else on the page, for example where my element key resides. The Royal Society's periodic table has a similar effect, but I'm fearful of trying to look too closely at how they've accomplished it, so I can do this on my own.

(RS Periodic Table)
http://www.rsc.org/periodic-table

Thanks for any suggestions. I appreciate your time, and I want/need to accomplish this on my own, so I was mostly wondering if anyone could suggest a plugin I could use and maybe modify that would give me a similar effect. Or perhaps I need to write all functions in java from scratch, but at least I'll know where to focus my attention.

Thank you,

Dan