title: How to bind dynamic data in one bootstrap modal
body: <p>I have one modal in my form</p>
  
  <pre><code>&lt;div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"&gt;
    &lt;div class="modal-dialog"&gt;
      &lt;div class="modal-content"&gt;
        &lt;div class="modal-header"&gt;
          &lt;button type="button" class="close" data-dismiss="modal" aria-label="Close"&gt;&lt;span aria-hidden="true"&gt;&amp;times;&lt;/span&gt;&lt;/button&gt;
          &lt;h4 class="modal-title" id="myModalLabel"&gt;Image Tag Description&lt;/h4&gt;
        &lt;/div&gt;
        &lt;div class="modal-body"&gt;
            &lt;p id="desc"&gt;
          Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
        &lt;/p&gt;
            &lt;h2 id="cost"&gt;Cost : 20$&lt;/h2&gt;
        &lt;/div&gt;
        &lt;div class="modal-footer"&gt;
          &lt;button type="button" class="btn btn-default" data-dismiss="modal"&gt;Close&lt;/button&gt;
          &lt;button type="button" class="btn btn-default" data-dismiss="modal"&gt;Edit&lt;/button&gt;
          &lt;button type="button" class="btn btn-primary"&gt;Save changes&lt;/button&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>and i have multiple buttons which toggel modal.
   Html of button is following</p>
  
  <pre><code>&lt;button class="btn btn-primary tag_cnt" data-trigger="hover" 
          data-target="#myModal" data-toggle="modal" type="button" 
          style="top:144px; left:510px" value="1"&gt;&lt;/button&gt;
  </code></pre>
  
  <p>i have multiple buttons in my form. now i have to call same modal in every button click and i want to show dynamically data in modal. What is solution?</p>