[WarDoctor]

<div id="controls">***</div>
<select id="mapping_select_type">
<option> Вид карты </ option>
<option value = "HYBRID"> • гибридная карта </option>
<option value = "ROADMAP"> • дорожная карта </option>
<option value = "SATELLITE"> • спутниковая карта </option>
<option value = "TERRAIN"> • физическая карта </option>
</select>

$(function() {
		var mapping_page = 'mapping';
		var mapping_divs = '#' + mapping_page;
		var mapping_name = mapping_divs + '_';

		var m_type = new Array ('HYBRID', 'ROADMAP', 'SATELLITE', 'TERRAIN');

    var mapping_arr = {'mtype':''};
    function SelectMaps() {
			// SelectMaps (); global ;
			var selector_id = mapping_name + 'select_type';
      $( selector_id ).change( function() {
          mapping_arr['mtype'] = $( selector_id + ' option:selected' ).val();
          return mapping_arr;
	});
    } SelectMaps ();

$( '#controls' ).html( 'mapping_arr1: ' + JSON.stringify(SelectMaps) );

$( '#controls' ).append( '<br />mapping_arr2: ' + JSON.stringify(mapping_arr) );

})

Необходимо вывести результат выбора из списка.
Сам результат позже будет обработан в другом месте.
На данном этапе получаемый результат не радует:

mapping_arr1: undefined
mapping_arr2: {"mtype":""}

Что сделано не по правилам?