Javascript 自定义属性值通过jquery获得更改，但更改不会显示在呈现的html中

我正在使用balloon.css作为工具提示

元素上的工具提示文本来自自定义属性“数据气球”

我想动态加载工具提示的文本

我可以通过jquery进行更改，但新文本不会呈现在显示的html上

这是我的密码：

HTML代码如下：

<div id="instruction_div_main" data-balloon="Original text"></div>

alert($("#instruction_div_main").attr("data-balloon"));
// alert shows "Original text"

$("#instruction_div_main").attr("data-balloon","New Text");

alert($("#instruction_div_main").attr("data-balloon"));
// alert shows "New text"

但现在当我在那个div上悬停时，它不显示新文本，它仍然显示原始文本

为什么是这样，请纠正我哪里错了

仅供参考：我面临着类似的标题属性问题

**更新**

我在jQueryUI对话框中显示的一些图标上显示工具提示。对话框上有一个后退按钮，隐藏图标并显示一些单选按钮。当选择任何单选按钮时，图标再次显示，单选按钮消失。这次图标的工具提示应该是新的。我使用的是上面的代码，但显示的是原始文本，我可以看到属性值已更改，但未在图标工具提示上呈现

---

请看附件中的片段

警报$instruction\u div\u main.attrdata-balloon； //警报显示原始文本 $instruction\u div\u main.attrdata气球，新文本； $instruction\u div\u main.htmlNew Text； $instruction\u div\u main.attrtitle，新文本； 警报$instruction\u div\u main.attrdata-balloon； //警报显示新文本

---

原始文本更改属性后需要重新初始化工具提示…我不确定如何初始化，但仅供参考，我没有在这里使用工具提示插件。我只是尝试了一下。。。在我这边，它显示了«新文本»。你是如何显示工具提示的，你能发布那部分代码吗？@anu:请看这里：