andre3000回答ポイント なしウォッチ 1

Javascript、Ajaxを使用して、Facebookのいいねボタンのようなクリックでリアルタイムに変化するボタン機能を作ってます。

しかしながら、IE（ver9で確認）でHTML書き換えが効かないのです。
以下のようなスクリプトです。

■Javascript
<script>
function doAction(a,b,c){
$.post('hoge.php',{a:a,b:b,c:c},callback);
}
function callback(result){
$('#message').html(result);
}
</script>

■HTML
<div id="message" >
<a href="javascript:void(0);" onClick="doAction(1,2,3);return false;">hogehoge</a>
</div>


上記のHTMLのアンカーリンク「hogehoge」をクリックすると
doActionで値が送られ、hoge.phpで処理されresultで返された結果を
<div id="message" >内に書き換えています。

クローム、Firefoxは問題なくクリックした瞬間に書き換わるのですが、
IE９はクリックした後にF5でリロードしないと変わりません。

コールバック部分を、

①
function callback(result){
document.getElementById("message").innerHTML = (result);
}

②
function callback(result){
$('#message').get(0).innerHTML = (result);
}

と変えると、瞬時に切り替わるようになったのですが、「undefined」となってしまいます。

お分かりになる方おりましたら教えて下さい。