Hvorfor loader den kom() før den indsætter ?

Hej,

Jeg har følgende kode:
//Code Start
<script language="javascript" type="text/javascript">
<!--
//Browser Support Code
function ajaxFunction(){
    var ajaxRequest;  // The variable that makes Ajax possible!
   
    try{
        // Opera 8.0+, Firefox, Safari
        ajaxRequest = new XMLHttpRequest();
    } catch (e){
        // Internet Explorer Browsers
        try{
            ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
        } catch (e) {
            try{
                ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
            } catch (e){
                // Something went wrong
                alert("Your browser broke!");
                return false;
            }
        }
    }
    // Create a function that will receive data sent from the server
    ajaxRequest.onreadystatechange = function(){
        if(ajaxRequest.readyState == 4){
//            document.myForm.time.value = ajaxRequest.responseText;
        }
    }
    var kommentar = document.getElementById('kommentar').value;
    var id = document.getElementById('id').value;

      if (kommentar.length == 0)
        return;

    var queryString = "?kommentar=" + kommentar + "&id=" + id;
    ajaxRequest.open("GET", "kommentar.php" + queryString, true);
    ajaxRequest.send(null);
        kom('20');
    document.getElementById("kommentar").value = "";};
        kom('20');

//-->
</script>
//Code END


Når jeg sender en kommentar så kører den kom('20'); før den laver en submit til kommentar.php

Det var meningen at jeg indsætter kommentaren og derefter reloader den mit SPAN med kommentarer. Jeg kan se det på den måde at hvis jeg sender en kommentar så kommer den ikke frem før jeg sender en ny kommentar, men tilgengæld kommer den så ikke frem.

Var det uforståeligt ?

/Leif