Non effectivement, ça ne peut pas fonctionner. Les raisons sont les mêmes que pour ton problème précédent : $("#fantome" + data) n'existe pas. Tu peux donc lancer tous les traitements que tu veux dessus, il ne se passera rien.
Quand tu écris du code javascript en JQuery, essaye de le traduire en français si ça peut t'aider à mieux comprendre ce que tu fais. Par exemple, quand tu écris $("#fantome" + data).empty().prepend(data);, tu peux le traduire par :
  • $("#fantome" + data) → « prends l'élément #fantome + data »
  • .empty() → « vide complètement son contenu »
  • .prepend(data) → « insère data au début de celui-ci »

Relis les lignes ci-dessus en gardant à l'esprit que l'élément #fantome + data n'existe pas… Il ne peut rien se passer

En programmation, la base, c'est de commencer par l'algorithme. Dans ton cas :
  • Crée un <div> avec id = "fantome"+data
  • Dans ce <div>, met du contenu (je te laisse voir quoi)
  • Ajoute ce <div> dans l'élément parent


À toi de jouer, maintenant, pour écrire ton code javascript en te basant sur cet algo