jquery - Qtip の内容を変更する

Question

API ドキュメントとフォーラムを読み、最初に設定した後にツールチップの内容を変更しようとしていますが、機能していません。私は何を間違っていますか？

HTML:

<p id="666">tooltip</p>

Jクエリ

var qconfig = {
 show: 'mouseover',
 hide: { when: 'mouseout', fixed: true },
 position: { my: 'bottom center', at: 'top center', adjust: {y: 8} },
 style: { classes: 'qtip-light qtip-shadow' }
};

$("#666").qtip($.extend(true, qconfig, { content: { text: "before", title: "title is here" }}));
$("#666").qtip('option', 'content.text', 'after');
$("#666").qtip('api').set('content.text', 'another after');[/code]

ツールチップの内容は「後」または「別の後」になると思いますが、「前」のままです。助けてください。

JSFiddle はこちら: http://jsfiddle.net/Af64c/