title: How to include button value in jQuery serialize() function?
body: <p>I got two buttons in the form.</p>
  
  <pre><code>    &lt;button type="submit" class="btn btn-danger" value="Send Back" name="Save"&gt;Send Back&lt;/button&gt;
      &lt;button type="submit" class="btn btn-primary" value="Approve" name="Save"&gt;Approve&lt;/button&gt;
  </code></pre>
  
  <p>When I post the form data using jquery <code>$.ajax()</code>, the form data is serialized first.</p>
  
  <pre><code>(function () {
      'use strict';
      function process(event) {
          event.preventDefault();
          var $form = $(this);
          var data = $form.serialize();
          console.log('posted data', data);
  
          $.ajax({
              type: 'POST',
              url: url,
              data: data
          }).done(function(data) {
               ...
          });
      }
      $(document).on('submit', 'form', process);
  })();
  </code></pre>
  
  <p>Here in the output of my <code>console.log()</code>, I can see all other fields in the form are serialized, but the value on the submit button is lost.</p>
  
  <p>Is there some setting to tell jQuery to include the button value for the <code>serialize()</code> function?</p>