How to push objects to arrays and send as FormData?

Question

I'm appending data from a list of <li>'s to a FormData object with:

media_links_array = [];
$('.media_links_ul:first li').each(function () {
    var media_type = $(this).attr("data-media_type");
    var media_link = $(this).text();
    var myObject = {
        "media_type": media_type,
        "media_link": media_link
    }
    media_links_array.push(myObject);
});
myFormData.append("media_links", media_links_array);

Expected Behaviour

I expected it to send (in Firebug Net > POST) as:

--------------- nnnnnnnnn Content-Disposition: form-data; name="media_links" 

{"media_type":media_type,"media_link":media_link}

Current Behaviour

But it is sending as:

--------------- nnnnnnnnn Content-Disposition: form-data; name="media_links" 

[object Object],[object Object]

Answer 1

JSON.stringify(media_links_array) will give you your JSON object as a string.