title: Passing multiple data to a bootstrap modal
body: <p>I want to pass multiple data to a bootstrap modal, Is it possible to pass?. I found only single <code>data(ISBN564541)</code> passing. Here is code</p>
  
  <p>Modal HTML</p>
  
  <pre><code>&lt;p&gt;Link 1&lt;/p&gt;
  &lt;a data-toggle="modal" data-id="ISBN564541" title="Add this item" class="open-AddBookDialog btn btn-primary" href="#addBookDialog"&gt;test&lt;/a&gt;
  
  &lt;div class="modal hide" id="addBookDialog"&gt;
   &lt;div class="modal-header"&gt;
      &lt;button class="close" data-dismiss="modal"&gt;×&lt;/button&gt;
      &lt;h3&gt;Modal header&lt;/h3&gt;
    &lt;/div&gt;
      &lt;div class="modal-body"&gt;
          &lt;p&gt;some content&lt;/p&gt;
          &lt;input type="text" name="bookId" id="bookId" value=""/&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>JS</p>
  
  <pre><code>$(document).on("click", ".open-AddBookDialog", function () {
       var myBookId = $(this).data('id');
       $(".modal-body #bookId").val( myBookId );
  });
  </code></pre>
  
  <p>Please reply.</p>