JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
<script src="http://bootstrapdocs.com/v1.4.0/js/bootstrap-modal.js"></script>
<!-- Button trigger modal -->
<button type="button" class="btn btn-primary btn-lg" data-toggle="myModal" data-target="#myModal">
  Launch demo modal
</button>
SOME TEXT TO BE OVERLAIN
<!-- Modal -->
<div class="modal fade in" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
        <h4 class="modal-title" id="myModalLabel">Modal title</h4>
      </div>
      <div class="modal-body">
          ... No admittance except on <strike>party</strike> modal business
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="myModal">Close</button>
        <button type="button" class="btn btn-primary">Save changes</button>
      </div>
    </div>
  </div>
</div>

JavaScript

$("button[data-target$=Modal").on("click",function()
{
 //   var modalOptions;
  var modalWindow=$('#myModal');
  alert(typeof(undefined));
  modalWindow.modal('show');
//  modalWindow.modal();// ('show',{keyboard: true});
//    $('#myModal').modal({keyboard: true});
//  testMessage('The selector for the small button worked!');
});