jquery 와 php를 사용하여 변수값만 변경해주고싶습니다 채택완료

PHP와 JQUERY가 클라이언트와 서버에서 작동을하는 다른방식의 언어라고 알고있습니다.

json을 이용하면 새로고침없이도 값을 변경할수있다고 알고있는데요.

여기서 BTC라는 버튼을 누르면 변수에 BTC가 들어가고 밑에 표에 BTC에 알맞는 값이 들어가게 만들고 싶습니다.

밑에 표는 list.skin.php 에 코드가 있으며

위에 버튼들은 coin.php에 코드가있습니다.

coin.php

<script src="//code.jquery.com/jquery.min.js"></script>
<script>
    function add() {
        $.ajax({
            url: "../../../../../bbs/list.php",
            type: "post",
            data: $("form").serialize(),
        }).done(function(data) {
            alert(data);
        });
    }
</script>
<form>
    <input type="hidden" name="coin_name" value="BTC"><br>
    <input type="button" onclick="add()" value="test">
</form>

<div class="coin_list">
<ul>
<li>
<form>
<input type="hidden" id="coin_name" value="10">
<button onclick="add()"> BTC</button> 
</form>
</li>

list.skin.php

include_once("../skin/board/miwit-skin-master/wbuild/ath_06/coin.php");
    ?>
<?
$lastcoin = $_POST['coin_name'];
?>

양쪽 변수를 받는 코드들은 위와 같습니다.

제가 아예 개념자체를 잘못생각하고있는걸까요?

작동이 전혀되질 않네요