Jquery Ajax chrome出现问题

嗨，我是jquery的新手，在chrome中处理这个ajax请求时遇到了一些问题。它可以在没有发送错误的情况下工作，但在chrome用新数据更新#changediv之前，您必须单击单选按钮2-3次

$(':radio').change(function() {


    var size = $('#sizeselect :radio:checked').attr('name');
    var colour = $('input:radio[name=col]:checked').val();

     $('#change').html('<p><img src="ajax-loader-2.gif" width="220" height="19" /></p>');

    $.ajax({
    async: false,
    url : 'php.php',
    type: 'POST',
    dataType: 'html',
    data: 'size=' + size + '&colour=' + colour,
    success : function (data) {
    $("#change").hide().html(data).fadeIn(700);
    }
});         

                    });

有人有什么想法吗？

仍然有错误，我已经检查了检查员，没有发现任何错误。下面是问题的链接

http://www.regionalartwork.co.uk/jquerytest/index.html