Expanded Serializer

jsonForm.js

$.fn.serializeObject = function()
{
   var o = {};
   var a = this.serializeArray();
   $.each(a, function() {
   	   var oldName = this.name;
   	   this.name = this.name.replace(/\[\]/g, '');
   	   
   	   if (this.name.indexOf('[') >= 0) {
   	   	var innerName = this.name.match(/.*\[(.*)\]/)[1];
   	   	var outterName = this.name.split("[")[0];
   	   	if (o[outterName]) {
   	   		if (o[outterName][innerName]) {
   	   			if (!o[outterName][innerName].push) {
   	   			    o[outterName][innerName] = [o[outterName][innerName]];
   	   			}
   	   			o[outterName][innerName].push(this.value || '');
   	   		}
   	   		else {
   	   			console.log(this.name);
	   	   		if ((oldName).indexOf('[]') >= 0) {
	   	   			o[outterName][innerName] = [this.value] || '';
	   	   		}
	   	   		else {
	   	   			o[outterName][innerName] = this.value || '';
	   	   		}
   	   		}
   	   	}
   	   	else {
   	   		o[outterName] = {};
   	   		if (o[outterName][innerName]) {
   	   			if (!o[outterName][innerName].push) {
   	   			    o[outterName][innerName] = [o[outterName][innerName]];
   	   			}
   	   			o[outterName][innerName].push(this.value || '');
   	   		}
   	   		else {
   	   			console.log(this.name);
   	   			if (oldName.indexOf('[]') >= 0) {
   	   				o[outterName][innerName] = [this.value] || '';
   	   			}
   	   			else {
   	   				o[outterName][innerName] = this.value || '';
   	   			}
   	   		}
   	   	}
   	   }
   	   else {
	       if (o[this.name]) {
	           if (!o[this.name].push) {
	               o[this.name] = [o[this.name]];
	           }
	           o[this.name].push(this.value || '');
	       } else {
	           o[this.name] = this.value || '';
	       }
       }
   });
   return o;
};

for form:

<form id="create_puzzle" method="post" action="http://localhost:1337/playlist/create">

        <table>
            <tr>
                <td><label for="photos">Photos (up to 9)</label></td>
                <td>
                    <div id="uploader">

                    </div>

                </td>
            </tr>
            <tr>
                <td><label for="title">Title</label></td>
                <td><input type="text" name="playlist[title]" value="" /></td>
            </tr>

            <tr>
                <td><label for="tags">Tags</label></td>
                <td><input type="text" name="playlist[tags]" /></td>
            </tr>

            <tr>
                <td><label for="share">Share</label></td>
                <td><input type="text" name="invite[email]" /></td>
            </tr>

            <tr>
                <td colspan="2"><input type="submit" value="create puzzle!" /></td>
            </tr>


    </table>
    </form>

i want to serialize this to send as a json body to test the api.

var jsForm = $('#create_puzzle').serializeObject();

so that i get something like

{
  invite: { 
          email: "asdasd"
  },
  playlist: { 
           title: "asdasd", 
           tags: "xvcdsads"
  }
}

I'd say that if it works, then you're good to go. Admittedly it's not the prettiest code I've seen, but that's not really an important detail in the long run. I'd suggest writing a few simple unit tests, since the logic is fairly complex.