bs form modal

<link href="css/jquery.dataTables.min.css" rel="stylesheet" type="text/css"/>
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css"/>

<script src="js/jquery.min.js"></script>
<script src="js/jquery.dataTables.min.js"></script>
<script src="js/bootstrap.min.js"></script>

<style>
    #pesan{color:red}
</style>

<div class="container">
    <h2>Basic Modal Example</h2>
    <!-- Trigger the modal with a button -->
    <button type="button" class="btn btn-info btn-lg"
            data-toggle="modal" data-target="#myModal">Open Modal (html)</button>
    <button type="button" class="btn btn-default btn-lg" id="myBtn">
        Open Modal (JS)
    </button>
    <ol>
        <li> klik tombol buat memunculkan modal</li>
        <li>
            pilih OK agar form nutup dan not OK agar form memunculkan error
        </li>
        <li> tekan tombol save</li>
        <li> edit save.php untuk pesan yang lebih detail</li>
    </ol>
    <!-- Modal -->
    <div class="modal fade" id="myModal" role="dialog">
        <div class="modal-dialog">

            <!-- Modal content-->
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                    <h4 class="modal-title">Modal Header</h4>
                </div>
                <div class="modal-body">
                    <div id='pesan'>&nbsp; </div>
                    <form id="form_ex1">
                        <select name='status'>
                            <option value=1>OK</option>
                            <option value=0>NO OK</option>
                        </select>
                        * pilih not OK akan keluar error <hr/>
                        <button type='button' id='btnSave' >Save</button>
                    </form>

                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                </div>
            </div>

        </div>
    </div>

</div>
<script>
    $(document).ready(function () {
        $("#myBtn").click(function () {
            $("#myModal").modal();
            //console.log('open it');
        });

        $("#btnSave").click(function () {
            url = "save.php";//sesuaikan
            var selectorform = 'form#form_ex1';
            var datax = $(selectorform).serialize();

            var request = $.ajax({
                url: url + "?act=tes",
                type: "POST",
                data: datax,
                dataType: "json"
            });
            request.success(function (msg) {
                //console.log('data sudah terkirim');
                //console.log(msg);
                $("#pesan").empty();
                if (msg.status) {
                    $("#myModal").modal("hide");
                    //console.log('close it');
                } else {
                    $("#pesan").html(msg.message);
                }
            });
            request.error(function (e, s, t) {
                console.log(e, s, t);
                alert('error');
            });

        });
    });
</script>