AJAX pak Tri

<style type="text/css" media="screen">
    .ui-autocomplete { z-index:999999; }
    #birthday{z-index:1151 !important;}
    #picurl { border: 1px #ff812e solid; min-width: 100px; border-radius: 5px; margin: 10px 0px 10px 0px;}
</style>
<form id="form" role="form" action="" method="post" enctype="multipart/form-data">
    <input type="hidden" name="id" value="i">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel"><?php echo $subTitle; ?></h4>
    </div>
    <div class="modal-body">
        <div class="row">
            <div class="row col-lg-12">

                <div class="col-md-8">
                <label for="category_name">Category Name (English)</label>
                <input type="text" class="form-control" name="category_name" id="category_name" required placeholder="Enter Category (English)">
                </div>

                <div class="col-md-4">
                <label for="sort_seq">Sort Sequence No.</label>
                <input type="number" class="form-control" name="sort_seq" id="sort_seq" required placeholder="Enter sequence number" value="<?php echo $records->sort_seq+1 ?>">
                </div>

                <div class="col-md-8">
                <label for="category_name_km">Catagory Name (Khmer)</label>
                <input type="text" class="form-control" name="category_name_km" id="category_name_km" required placeholder="Enter Category (Khmer)">
                </div>

                <div class="col-md-8">
                <label for="category_name_cn">Category Name (China)</label>
                <input type="text" class="form-control" name="category_name_cn" id="category_name_cn" placeholder="Enter Category (China)">
                </div>

                <!-- <div class="col-md-8">
                <label for="category_name_kr">Tags Name (Korea)</label>
                <input type="text" class="form-control" name="category_name_kr" id="category_name_kr" required placeholder="Enter Category (Korea)">
                </div>

                <div class="col-md-8">
                <label for="tags_name_jp">Category Name (Japan)</label>
                <input type="text" class="form-control" name="category_name_jp" id="category_name_jp" required placeholder="Enter Category (Japan)">
                </div> -->

                <div class="col-md-12">
                <label for="catimage">Category Image</label>
                <input type="file" name="catimage" >
                </div>

            </div>


            <div class="col-md-12">&nbsp;</div>
            <div class="col-md-12">&nbsp;</div>
        </div>
    </div>

    <div class="modal-footer">
        <button type="button" class="btn btn-danger pull-left" data-dismiss="modal">
        <i class="glyphicon glyphicon-remove"></i> Close
        </button>
        <button type="submit" class="btn btn-success save">
        <i class="glyphicon glyphicon-ok"></i> Save data</button>
    </div>

</form>

<script type="text/javascript">
    var processSave = false;
    $(document).ready(function () {

        $('#form').submit(function (event) {
            if(processSave == false){
                processSave = true;
                event.preventDefault();
                var btn = $('.save');
                btn.button('loading');
                var fd = new FormData($('#form')[0]);

                $.post("<?php echo site_url('xmall/save_master_category'); ?>", $(this).serialize(), function (data, textStatus, xhr) {
                    if(data.status == 'true'){
                        bootbox.alert(data.message, function() {
                            console.log("execute save");
                            $.ajax({
                                type: 'post',
                                url: "<?php echo site_url("xmall/upload_pic_mall_category"); ?>/"+ data.id,
                                data: fd,
                                processData: false,
                                contentType: false,
                                success: function (d) {
                                    processSave = false;
                                    $('#myModal').modal('hide');
                                    window.location.reload();
                                }
                            });
                        });
                    }else{
                        bootbox.alert(data.message, function() {
                            btn.button('reset');
                            processSave = false;
                        });
                    }
                }, 'json')
                .fail(function() {
                    bootbox.alert("proccessing error", function() {
                        btn.button('reset');
                        processSave = false;
                    });
                });
            }
        });
    });
</script>