如何根据单击的按钮发送id参数

演示和完整代码如下：https://jsfiddle.net/oscar11/o5qn5gum/8/

我的HTML代码是这样的：

<button type="button">Click Me</button>
<div id="tes">
</div>

<!-- Modal Currency-->
<div class="modal fade" id="priceModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">

            </div>
            <div class="modal-body">
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
        </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</div>

我的Javascript代码是这样的：

$(document).ready(function(){
        $("button").click(function(){
            $.ajax({
                //type: 'POST',
                //url: 'script.php',
                success: function(data) {
                    var isitable = '';
                    isitable += '<br><button class="btn btn-primary tes" id="NationCd=ID&CityCd=JKT">Book 1</button><br><br>';
                    isitable += '<button class="btn btn-primary test" id="NationCd=ID&CityCd=BAI">Book 2</button><br><br>';
                    isitable += '<button class="btn btn-primary test" id="NationCd=ID&CityCd=JOG">Book 3</button><br>';
                    // console.log(isitable);
                    $("#tes").html(isitable);                   
                }
            });
        });
        $(".test").click(function(){
            console.log('tes');
            var id = this.id;
            console.log(id);
        });
    });

当点击"点击我"按钮时，它将显示三个按钮。看jsfidde。

当点击按钮（例如，我点击按钮"book 1"）时，它会发送参数id。我在$(".test").click(function(){中执行console.log(this.id);，但它不起作用。

有解决我问题的办法吗？

感谢