为什么我的ajax适用于Firefox而不适用于chrome？

Question

所以，我有这个ajax功能在Firefox中完美运行。点击我的表单提交按钮，一切都很完美，正如我想要的那样。但是当我在Chrome中尝试完全相同的东西时，它不起作用。任何想法为什么??这让我很困惑！

        /***** SUBMIT UPDATE PRODUCT FORM  ******/
    $(document).on('click', '#updateSubmit', function(event) {
        event.preventDefault();
        updateProduct(this);
    }); // updateSubmit ends

    function updateProduct(self) {
        // prevent default action of submit button
        var subID = $('#subCategory').val();

        var subSubID = $('#subSubCat').val();

        $.ajax({
            url: 'http://becs.carter.natcoll.net.nz/_Assignments/Industry
                                               /zippa/products/updateProduct',
            data: $(self).parent().serialize(),
            // pulling post data from the form
            type: 'POST',
            success: function(data) {
                // close form and blackened background
                $('#displayForm').hide();
                $('#formBackground').hide();
                $.ajax({
                    // reload the view
                    url: 'http://becs.carter.natcoll.net.nz
                             /_Assignments/Industry/zippa/products                                        
                               /viewProdTable/' + subID + '/' + subSubID,
                    success: function(response) {
                        $('#viewProducts').html(response);
                    } // ends success
                }) // end ajax
            } // end success
        }) // end ajax 
} // end updateProduct​