Showing text box on hover

I want to create a text box when I hover over some text. The box created would hold some other text in it. I will be adding this feature to multiple different words across the app and each box associated with each word will have different content.

The text is just values from the collection that I get in my template, as such:

<template name = "templateName"> {{each Value}} {{value}} {{/each}} </tempalte>

The Javascript part of it returns the value from field “value” from each collection item.

I display this template on my main application and whenever someone hovers over the value that is stored in {{value}}, I want the box to appear with text.

What’s the most efficient way to do this?