bootstrap modal with jquery show button

modal-jq-bootstrap

<script>
/* to show modal via jquery clock event bound to id="modal_button_id" a/button/etc */
$(document).ready(function() {
    $('#modal_button_id').click(function (event) {
        $('#myModal').modal('show')
    });
</script>

<div class="modal hide fade" id="modalID">
    <div class="modal-header">
        <a class="close" data-dismiss="modal">&times;</a>
        <div>TITLE</div>
    </div>
    <div class="modal-body">
        Modal Body
    </div>
    <div class="modal-footer">
        <a data-dismiss="modal" class="close">Close</a>
    </div>
</div>