Move a DOM element Using jQuery

For a school assignment we were asked to make a code using jQuery, so that when you hover over an element in a table it takes the data and put it into three different span elements. I think I am close but it is not working properly and right now it just creates a mess on the page.

Here I select the different spans, then use this to find the tds within the tr you are hovering over.

using mouseenter makes it so the code doesn't fire when you move the mouse whilst its already inside the tr, and only upon entering the tr instead. Use mouseleave to handle the mouse leaving the element