jquery - 変数を使用して animate() で増加した div の幅を表示できますか?

Question

animate() を使用して div の幅を動的に増やし、これを変数に表示することは可能ですか?

私はいくつかのことを試しましたが、変数はまだdivの元の幅を表示しています（ゼロです）ので、更新されていません。

HTML

<a href="#" id="button2">Add width</a>
<div id='content'></div>
<div id="msg"></div>

jQuery

$('#button2').click(function () {
    $('#content').animate({
        width: '+=40'
    }, 500);
});

var width = $('#content').width();
$("#msg").html(width);

デモ

だから私はこれを達成する方法を知りたいです。変数の更新関数を作成する必要がありますか、それとももっと簡単な方法がありますか?