twitter bootstrap modal box

Merhaba arkadaşlar,
twitter bootstrap ile bir sistem yazıyorum.
modalbox a nasıl veri gönderebilirim?
yeni sayfada açılmıyacagı için ve popup olmuyacagı için nasıl veri gönderecegimi çözemedim.

Ajax ile bir adresten bilgi çekip, gelen veriyi jquery'i ile modal içine yazdırabilirsiniz.

örneğini bulamadım.
bootsrap bunun için bir fonksiyon yazmış olması gerekli gibi geliyor...

Bu işine yarar sanırım data-id 'den veriyi çekiyor.

http://jsfiddle.net/Au9tc/605/

teşekkurler bootstrap 2 ye göre yapılmış sanırım.
3 göre düzenledigimde çalışmadı bir türlü.

<script type='text/javascript'>//<![CDATA[ 

$(document).on("click", ".md-trigger", function () {
     var myBookId = $(this).data('id');
     $(".form-group #bookId").val( myBookId );
});

    

//]]>  

</script>

<button data-id="ISBN-001122" class="md-trigger btn btn-primary mrg-b-lg" data-modal="modal-1">Fade in &amp; Scale</button>

<div class="md-modal md-effect-1" id="modal-1">
<div class="md-content">
<div class="modal-header">
<button class="md-close close">&times;</button>
<h4 class="modal-title">Modal title</h4>
</div>
<div class="modal-body">
<form role="form">
<div class="form-group">
<label for="exampleInputEmail1">Email address</label>
<input type="email" class="form-control" id="bookId" placeholder="Enter email">
</div>
<div class="form-group">
<label for="exampleInputPassword1">Password</label>
<input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
</div>
<div class="form-group">
<label for="exampleTextarea">Textarea</label>
<textarea class="form-control" id="exampleTextarea" rows="3"></textarea>
</div>
<div class="form-inline form-inline-box">
<div class="form-group">
<input type="email" class="form-control" name="bookId" id="bookId">
</div>
<div class="form-group">
<select class="form-control">
<option>Active</option>
<option>Inactive</option>
</select>
</div>
<button type="submit" class="btn btn-link"><i class="fa fa-eye"></i> Preview</button>
</div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary">Save changes</button>
</div>
</div>
</div>

bootstrap 3 e göre hiç bir yerde çözüm bulamadım.
Yardımcı olabilecek arkadaş varmı acaba?

Bootstrap modal yapısı hantal kalıyor bu tip işlemler için,
Yapabileceğiniz şey Modal htmli alıp fonksiyon içersinde şekillendirmek olabilir. Sizin için ufak bir örnek hazırladım; (http://jsfiddle.net/hsx9o7yc/2/)


Ya da plugin kullanın
- http://nakupanda.github.io/bootstrap3-dialog/
- http://jschr.github.io/bootstrap-modal/
- https://github.com/search?l=JavaScri...utf8=%E2%9C%93

teşekkurler. işime yaradı.

buton ile olan kısmında bir sorunum kalmadı.

peki table daki bir satıra tıklandıgında nasıl yapabilrim.

Örneğn:

<table>
<tr onclick="id1">
<td>1 nolu veri</td>
</tr>
<tr onclick="id2>
<td>2 nolu veri</td>
</tr>
</table>