セレクトボックスを選択すると対応するラジオボタンも選択させたい

Question

下記のようにラジオボタンとセレクトボックスを連動させるものを組んでおり、
ラジオボタンから対応するセレクトボックスを選択させるのは出来たのですが、
セレクトボックスを選択したときに対応するラジオボタンを選択させるのがどうしてもうまくいかないです。

どこが間違っているのでしょうか？

jQuery(function() {
	jQuery('.color-radio').on('change', function() {
		jQuery(jQuery(this).data('targetSelect')).prop('selected', true);
	}).filter(':checked').trigger('change');

　　//セレクトボックスからラジオを選択
	jQuery('.select-color').on('change', function() {
		jQuery(jQuery(this).data('targetRadio')).prop('checked', true);
	});
});

<div>
<h4>バンドの上の色</h4>
<label class='name-up-1'><input type='radio' name='color-up' class='color-radio color-radio-select-1' data-target='.bg-up-1' data-target-class='[class^=bg-up]' data-target-select='.select-box-1' checked>ピンク</label>
<label class='name-up-2'><input type='radio' name='color-up' class='color-radio color-radio-select-2' data-target='.bg-up-2' data-target-class='[class^=bg-up]' data-target-select='.select-box-2' checked>黒</label>

<select name="color-up">
	<option class='select-color select-box-1' name='color-up' data-target='.bg-up-1' data-target-radio=".color-radio-select-1" selected>ピンク</option>
	<option class='select-color select-box-2' name='color-up' data-target='.bg-up-2' data-target-radio=".color-radio-select-2">黒</option>
</select>
</div>

Answer 1

selectを取得しその中で選択されたValueを取得することで解決しました。

jQuery(function() {
		jQuery('.color-radio').on('change', function() {
			jQuery(jQuery(this).data('targetSelect')).prop('selected', true);
		}).filter(':checked').trigger('change');
		jQuery('select').on('change', function() {
			jQuery(jQuery(this).val()).prop('checked', true);
		});
	});