With tooltip content source in child element, tooltip content does not update per element

With the code below, tooltip content stays at "Tooltip 1 here" when hovering over Text 2. Is this a bug or am I missing something?

<style type="text/css">
.tipcontents {
display:none;
}
</style>

 <div class="tipsy2">
    <div class="tipcontents">Tooltip 1 here</div>
    Text 1
 </div>

 <div class="tipsy2">
    <div class="tipcontents">Tooltip 2 here</div>
    Text 2
 </div>