Как вывести содержимое балуна (яндекс.карты api) в отдельный див?

Question

[Сергей]

Делаю карту через апи яндекс.карт, как можно содержимое балуна (balloonContent) вывести в заданный див на странице?

UPD. Получилось сделать, но если меток несколько, то при переключении с метки на метку не меняется контент, нужно обязательно закрыть балун. Как это поправить?

ymaps.ready(function () {
	    var myMap = new ymaps.Map('mapYa', {
	            center: [55.727072007822755,37.663291730468764],
	            zoom: 12
	        }, {
	            searchControlProvider: 'yandex#search'
	        }),
					myPlacemark = new ymaps.Placemark([55.727072007822755,37.663291730468764], {
	            hintContent: 'Балун 1',
	            balloonContent: '<div class="balloon" ><b>Оперный театр</b><br/>ул. Белинского, 108</div>'
	        }, {
	            iconLayout: 'default#image',
	            iconImageHref: 'theater.png',
	            iconImageSize: [100, 100],
	            iconImageOffset: [-50, -100]
	        });

					myPlacemark2 = new ymaps.Placemark([55.746054920068914,37.67359141308594], {
	            hintContent: 'Балун 2',
	            balloonContent: '<div class="balloon"><b>33333Оперный театр</b><br/>ул. Белинского, 59</div>'
	        }, {
	            iconLayout: 'default#image',
	            iconImageHref: 'theater.png',
	            iconImageSize: [100, 100],
	            iconImageOffset: [-50, -100]
	        });

					myMap.events.add(['balloonopen', 'balloonclose'], function (e) {
						var cont = $(".balloon").html();
						$("#test").html(cont);
						myMap.events.add('click', function () {
								myMap.balloon.close();
						});
					});
					
	    myMap.geoObjects.add(myPlacemark);
	    myMap.geoObjects.add(myPlacemark2);
	    myMap.behaviors.disable('scrollZoom');
	});