[解決済み] jQuery .val の変更で入力値が変更されない

質問

HTML入力で、値にリンクがあるものがあります。

<input type = 'text' value = 'http://www.link.com' id = 'link' />

jQueryを使って、あるイベント時に値を変更するようにしています。

$('#link').val('new value');

上記のコードは、テキストボックスの値を変更しますが、コード内の値は変更しません（value = 'http://www.link.com'は変更されないままです）。私は、value = ''も変更する必要があります。

どのように解決するのですか？

使用方法 attr の代わりに

$('#link').attr('value', 'new value');

デモ