title: Multiple form and one modal
body: <p>can you help me out with my problem?
  I have multiple buttons and 1 modal. every time I clicked the button, the modal will show it up correctly. but I like to recode my modal. I like to echo the value of the button on the modal when I clicked the specific button. </p>
  
  <p>for ex:</p>
  
  <pre><code>button 1. &lt;value="button1"&gt; ----&gt; &lt;a href="#myModal"&gt;
  button 2. &lt;value="button2"&gt; ----&gt; &lt;a href="#myModal"&gt;
  button 3. &lt;value="button3"&gt; ----&gt; &lt;a href="#myModal"&gt;
  </code></pre>
  
  <p>if I click the <code>button 2</code>, the <code>myModal</code> will show it up plus the value <code>button2</code> will show/echo it up on the <code>myModal</code>.</p>
  
  <p>thank you in advance, any help will be appreciated. ^__^. </p>
  
  <p>I forgot to mention: 
  the modal is on a different body of HTML.</p>
  
  <p>here is my Modal link and script code;</p>
  
  <pre><code>&lt;div id="myModal" class="modal fade"&gt;
      &lt;div class="modal-dialog"&gt;
          &lt;div class="modal-content"&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  
  $(document).ready(function(){
      $("#myBtn1").click(function(){
              $("#myModal").modal();
      });
  });
  </code></pre>
  
  <p>I don't know where could I put the given code to echo the button value?</p>