javascript - javascript xmlhttp 応答の動作がおかしい

Question

onreadystatechange() は 3 回呼び出されます。2 回目は 'results-div'.innerhtml が 'empty' に設定され、関数の最後の呼び出しで消去されます。また、jquery は ajax ブラウザーの互換性を処理しますか?

function loaddata(){ 
        var res = new XMLHttpRequest();
        res.onreadystatechange=function(){
            alert('change'); //for debug
            if(res.readyState == 4 && res.status==200){
                document.getElementById('results-div').innerHTML = res.response;
                }
            else{
                alert('nothing'); //for debug
                document.getElementById('results-div').innerHTML = '<p> empty </p>';
                }
        }
        res.open('GET', '?search=' + value);
        res.send();
}

'results-div'.innerHTML は最後の呼び出しで消去されました。if(true でなければならない) 'results'.innerHTML = res.response = ''