dynamically create JSON array with .each()
===

I'm trying to create a JSON array dynamically.  In the site, there are a dynamic number of <div id="#selected">'s and I need to take all of their values and create a JSON array.

I've come across the .push() functionality, but I have not been able to figure it out.

    <!-- there could be a million of these, or only one... each value is unique though -->
    <div id="selected" value="5|3"></div>
    <div id="selected" value="3|65"></div>


    function json_array_selected() {

	var JSon = {};
	$('div#selected').each(function() {
			// let's first split the given values
			var Split = $(this).attr('value');
			Split = Split.split('|');
			var Type = Split[0];
			Value = Split[1];

			// now let's set up our Json array... using the value = type way, there should never be
			// any repeating 
			JSon.Value = Type;
			
	});
    return JSon;
    }