For a character sheet I'm making for a campaign I'm running, I have one tab where players can enter their skills, using repeating fields. For official skills, I would like to display a description of the skill in a side panel whenever that skill's field receives focus, similar to in this mock-up here: <a href="http://www.neonairgames.net/img/misc/charSheetSkil" rel="nofollow">http://www.neonairgames.net/img/misc/charSheetSkil</a>... In this example, I have the skill "Small Guns" focused, and to the right it displays a picture and description of the "Small Guns" skill. To accomplish this, I'm trying to select the container for the description (absolutely positioned to the right column) preceded by a focused text input whose value equals the name of a relevant skill. Of course, this doesn't work, since the html value attribute remains static... Is there some sort of CSS sorcery I can use to do something like this?