I'm trying to submit this button form via AJAX. The Button is a picture (a thumbs up or down image). Anyway, I'm trying to submit the form with the jQuery AJAX function, but the button value won't parse through. Here's my code:

$('#likeForm').on('submit', function(e){
   e.preventDefault(); // Prevent default form submit

   var form = $(this);
   var action = form.attr('action');
   var post_data = form.serialize();

   $.ajax({
       type: 'POST',
       url: action,
       data: post_data,
success: function() {
   console.log(post_data);
}
   });
});

In the console, I get this:

song_id=135&album_id=87&band_id=13&username=raptorjesus67&user_id=1


So it's submitting all values, but the button's. How do I submit the button as well?


P.S I don't think the PHP code is relevant; the form doesn't change because the if/else statements looks for the button's post value. The query should work if the button's value goes through.