Creates a DOM object from a passed object following specific conventions. Uses light jQuery.

domCreate.js

$(function(){
	var ex = {
		'tag':'audio',
		'children': [
			{
				'tag':'source',
				'att': [
						{'name':'src','value':'../audio/beep.mp3'},
				]
			},
			{
				'tag':'source',
				'att': [
						{'name':'src','value':'../audio/beep.ogg'},
				]
			}
		]

	}
	function domCreate(obj) {
		var ref = document.createElement(obj.tag);
		if(obj.att){for (var i = obj.att.length - 1; i >= 0; i--) {
			$(ref).attr(obj.att[i].name, obj.att[i].value);
		};}
		if(obj.children){
			for (var i = obj.children.length - 1; i >= 0; i--) {
				ref.appendChild(domCreate(obj.children[i]));
			};
		}
		console.log(ref);
		return ref;
	}