JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css">
<p>Link 1</p>
<a data-toggle="modal" data-id="Page 1" data-toggle="modal" title="Add this item" class="open-delPropDialog btn btn-primary" href="#delPropDialog">test</a>

<p>&nbsp;</p>


<p>Link 2</p>
<a data-toggle="modal" data-id="Page 2" data-toggle="modal" title="Add this item" class="open-delPropDialog btn btn-primary" href="#delPropDialog">test</a>



<div class="modal hide" id="delPropDialog">
 <div class="modal-header">
    <button class="close" data-dismiss="modal">Ă—</button>
    <h3>Modal header</h3>
  </div>
    <div class="modal-body">
        <p>some content</p>
        <input type="text" name="bookId" id="propId" value=""/>
    </div>
</div>

JavaScript

$(document).on("click", ".open-delPropDialog", function () {
     var propForDel = $(this).data('id');
     $(".modal-body #propId").val( propForDel );
    $('#delPropDialog').modal('show');
});