title: Call action from modal bootstrap
body: <p>My HTML code is like this :</p>
  
  <pre><code>&lt;form action="form2_action.php" method="post"&gt;
      &lt;table&gt;
          &lt;tr&gt;
              &lt;td&gt;First Name &lt;/td&gt;
              &lt;td&gt;:&lt;/td&gt;
              &lt;td&gt;&lt;input type="text" id="first_name" name="first_name" required&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;Last Name&lt;/td&gt;
              &lt;td&gt;:&lt;/td&gt;
              &lt;td&gt;&lt;input type="text" id="last_name" name="last_name" required&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;Age&lt;/td&gt;
              &lt;td&gt;:&lt;/td&gt;
              &lt;td&gt;&lt;input type="text" id="age" name="age" required&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;input type="submit" value="Submit" id="submit"&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/table&gt;
  &lt;/form&gt; 
  
  
  &lt;div class="modal fade" id="confirm-save" 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-hidden="true"&gt;&amp;times;&lt;/button&gt;
                  &lt;h4 class="modal-title" id="myModalLabel"&gt;&lt;b&gt;Are you sure to book this tour?&lt;/b&gt;&lt;/h4&gt;
              &lt;/div&gt;
  
              &lt;div class="modal-body"&gt;
                  &lt;table style="width:100%"&gt;
                      &lt;tr&gt;
                          &lt;td style="width:30%"&gt;First Name&lt;/td&gt;
                          &lt;td height top="40" style="width:70%" id="first_name_modal"&gt;&lt;/td&gt;
                      &lt;/tr&gt;
                      &lt;tr&gt;
                          &lt;td&gt;Last Name&lt;/td&gt;
                          &lt;td height="40" id="last_name_modal"&gt;&lt;/td&gt;
                      &lt;/tr&gt;
                      &lt;tr&gt;
                          &lt;td&gt;Age&lt;/td&gt;
                          &lt;td height="40" id="age_modal"&gt;&lt;/td&gt;
                      &lt;/tr&gt;                 
                  &lt;/table&gt;        
  
                  &lt;p class="debug-url"&gt;&lt;/p&gt;
              &lt;/div&gt;
  
              &lt;div class="modal-footer"&gt;
                  &lt;button type="submit" class="btn btn-primary"&gt;Save changes&lt;/button&gt;&amp;nbsp;
                  &lt;button type="button" class="btn btn-default" data-dismiss="modal"&gt;Cancel&lt;/button&gt;  
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>My Javascript code is like this : </p>
  
  <pre><code>$('#submit').on('click',function(e){
  
          var first_name_modal = document.getElementById("first_name").value;
          var last_name_modal = document.getElementById("last_name").value;
          var age_modal = document.getElementById("age").value;
  
          if(first_name_modal!="" &amp;&amp; last_name_modal!="" &amp;&amp; age_modal!=""){
              $("#confirm-save").modal("show");
              $('#first_name_modal').text(first_name_modal);
              $('#last_name_modal').text(last_name_modal);
              $('#age_modal').text(age_modal);
            return false;
          }
      });
  </code></pre>
  
  <p>Demo is like this : <a href="http://jsfiddle.net/oscar11/xxx03c6z/" rel="nofollow">http://jsfiddle.net/oscar11/xxx03c6z/</a></p>
  
  <p>How to call action from modal bootstrap?</p>
  
  <p>So, when clicking on the button "save changes" in the modal bootstrap, How to keep the system to call the action <code>form2_action.php</code> ?</p>
  
  <p>Thank you very much</p>