JQuery Updating Problem?
<p>I can only get the functions <code>getRating();</code> and <code>getRatingText();</code> to update without reloading the web page. But the other functions <code>getRatingText2();</code> and <code>getRatingAvg();</code> wont update until I reload the web page.</p>

<p>How can I get all the functions to update without reloading my web page?</p>

<p>Here is the JQuery script.</p>

<pre><code>$(document).ready(function() {

    if($("#rating-text").length) {

      getRatingText();

      getRatingText2();

      getRatingAvg();

      getRating();
    }


    function getRatingText(){
        $.ajax({
            type: "GET",
            url: "update.php",
            data: "do=getavgrate",
            cache: false,
            async: false,
            success: function(result) {
                // add rating text
                $("#rating-text").text(result);
            },
            error: function(result) {
                alert("some error occured, please try again later");
            }
        });
    }



        function getRatingText2(){
            $.ajax({
                type: "GET",
                url: "update.php",
                data: "do=getavgrate2",
                cache: false,
                async: false,
                success: function(result) {

                    $("#rating-text2").text(result);
                },
                error: function(result) {
                    alert("some error occured, please try again later");
                }
            });
        }



        function getRatingAvg(){
            $.ajax({
                type: "GET",
                url: "update.php",
                data: "do=getavgrate3",
                cache: false,
                async: false,
                success: function(result) {

                    $("#grade-avg").text(result);
                },
                error: function(result) {
                    alert("some error occured, please try again later");
                }
            });
        }


    function getRating(){
        $.ajax({
            type: "GET",
            url: "update.php",
            data: "do=getrate",
            cache: false,
            async: false,
            success: function(result) {

                $("#current-rating").css({ width: "" + result + "%" });

                $("#rating-text").text(getRatingText());
            },
            error: function(result) {
                alert("some error occured, please try again later");
            }
        });
    }


    // link handler
    $('#ratelinks li a').click(function(){
        $.ajax({
            type: "GET",
            url: "update.php",
            data: "rating="+$(this).text()+"&amp;do=rate",
            cache: false,
            async: false,
            success: function(result) {

                $("#ratelinks").remove();

                getRating();
            },
            error: function(result) {
                alert("some error occured, please try again later");
            }
        });

    });
});
</code></pre>
