Twitter bootstrap 3 如何将数据id传递给引导模式？

文件index.html

<div class="button-edit"><button type="button" data-toggle="modal" data-target=".addNewProduct" class="edit" data-id="107"><i class="fa fa-edit"></i>

我有以下HTML代码（我使用的是Bootstrap Twitter模式）：

×
编辑组
组名*
请参阅下一版本的引导模式docscan中使用的javascript？
<div tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true" style="display: none;" class="modal fade addNewProduct">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<form action="#" method="post" onsubmit="return false">
<div class="modal-header">
    <button type="button" data-dismiss="modal" aria-hidden="true" class="close close-product-modal">×</button>
    <h4 id="myLargeModalLabel" class="modal-title">Edit Group</h4>
</div>
<div class="modal-body">
<div class="form-horizontal col-lg-6 col-sm-6 col-xs-12">
<fieldset class="product-info">
<div class="form-group">
    <label for="product-id" class="col-md-4 control-label">Group Name *</label>
    <div class="col-md-8 input">
        <input id="product-id" placeholder="<?php echo $this->Item['group_name']?>" type="text" class="form-control"/>
    </div>
</div>
..........