Turn a form into an associative array in Jquery [duplicate]

Question

I have the following form:

<form id="editForm">
<input class="span12" name="name" type="text" placeholder="Product name...">
<input class="span12" name="sku" type="text" placeholder="SKU...">
<input name="basePrice" class="span12" type="text" placeholder="Base price...">
</form>

How do I turn that into an associative array that can be accessed like the following?

formArray['name'], formArray['sku'], etc.

Answer 1

Here's a dead-simple way:

$.fn.form = function() {
    var formData = {};
    this.find('[name]').each(function() {
        formData[this.name] = this.value;  
    })
    return formData;
};

// use like
var data = $('#editForm').form();

This is totally unsafe and just grabs everything with a name, but it should get you started.