Значения в модальном режиме не меняются, даже если я нажму другую кнопку

Question

Кнопка A нажата .. модальное заполняется значениями, соответствующими уникальному «id» Когда я нажимаю кнопку B .. значения кнопки A все еще используются .., кнопки A и B имеют одинаковую функцию нажатия

Существует также ошибка

VM514:6 Uncaught SyntaxError: Unexpected token (
    at DOMEval (VM502 jquery-3.2.1.slim.min.js:82)
    at domManip (VM502 jquery-3.2.1.slim.min.js:5788)
    at jQuery.fn.init.append (VM502 jquery-3.2.1.slim.min.js:5924)
    at Object.success (wala1.php:72)
    at fire (VM502 jquery-3.2.1.slim.min.js:3317)
    at Object.fireWith [as resolveWith] (VM502 jquery-3.2.1.slim.min.js:3447)
    at done (VM502 jquery-3.2.1.slim.min.js:9272)
    at XMLHttpRequest.<anonymous> (VM502 jquery-3.2.1.slim.min.js:9514)

Функция onclick

function detailsmodal(id){ 
        var data = {"id" : id}; //Json string 
        jQuery.ajax({
                url: "/myecommerse/includes/wala2.php",
                type: "POST",   
                data: data, 
                success : function(data){
                    jQuery('body').append(data);
                    jQuery('#details-modal').modal('toggle'); 
                },
                error : function(){
                    alert('something went wrong');
                }

        });

    }

Закрывающая модальная функция

<script>
function closeModal(){ 

        jQuery.('#details-modal').modal('hide');
        setTimeout(function(){
            jQuery.('#details-modal').remove();
        },500);

    }
</script>

wala2.php (модальная)

<?php




<!-- Modal -->       
<?php
    ob_start();


?>

<?php 
    include '../core/init.php';
    $id = $_POST['id'];

    $sql = "SELECT * FROM products WHERE id = '$id'";
    $result = $db->query($sql);
    $product = mysqli_fetch_assoc($result);
?>

<div class="modal fade details-modal" id="details-modal" tabindex="-1" role="dialog" aria-labelledby="details-modal" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <button class="close" type="button" data-dismiss="modal" aria-label="close">
                    <span aria-hidden="true">&times;</span>
                </button>
                <h4 class="modal-title text-center"><?php echo $product['title']; ?></h4>
                <h4 class="modal-title text-center"><?php echo $_POST['id']; ?></h4>
            </div>
            <div class="modal-body">
                <div class="container-fluid">

                    <div class="row">
                        <div class="col-sm-6">
                            <div class="center-block">
                                <img src="<?php echo $product['img']; ?>" alt="<?php echo $product['title']; ?>" class="details img-responsive"/>
                            </div>
                        </div>
                        <div class="col-sm-6">
                            <h4>Details</h4>
                            <p><?php echo $product['description']; ?></p>
                            <hr>
                            <p>Price: <?php echo $product['price']; ?></p>
                            <form action="add_cart.php" method="post">
                                <div class="form-group">
                                    <div class="col-xs-3">
                                        <label for="quantity">Quantity</label>
                                        <input type="text" class="form-control" id="quantity" name="quantity">
                                    </div>
                                    <p>Available:3</p>
                                </div>
                                <div class="form-group">
                                    <label for="size">Size</label>
                                    <select name="size" id="size" class="form-group">
                                        <option value="small">Small</option>
                                        <option value="medium">Medium</option>
                                        <option value="large">Large</option>
                                        <option value="extralarge">Extra large</option>
                                    </select>
                                </div>
                            </form>

                        </div>
                    </div>
                </div>
            </div>

            <div class="modal-footer">
                <button class="btn btn-default" data-dismiss="modal">Close</button>
                <button class="btn btn-warning" type="submit"><span class="glyphicon glyphicon-shooping-cart"></span>Add to cart</button>
            </div>
        </div>
    </div>

</div>  

<script>
function closeModal(){ 

        jQuery.('#details-modal').modal('hide');
        setTimeout(function(){
            jQuery.('#details-modal').remove();
        },500);

    }
</script>

<?php
    echo ob_get_clean();
?>

Спасибо за ответ заранее ,,