Как передать checked установленный jQury в php и сохранить в переменной?

Как передать checked установленный jQury в php и сохранить в переменной
Есть плагин, на его странице есть две div кнопки (а и b) и две скрытые радиокнопки (а и b). Нужно чтобы при нажатии div кнопки "а" отмечалась радиокнопка "а" и в переменную "active" сохранялось значение "а". Тоже самое и для "b".
Условия:
При нажатии на div кнопку "a" или "b" срабатывает js, который устанавливает для радиокнопки "а" или "b" соответственно, "checked" или иное. И при этом в php в переменной "active" должно сохраняться значение "a" или "b" при нажатии на кнопку "Сохранить".
Подскажите пожалуйста как реализовать передачу данных из JS со стороны клиента в PHP на стороне сервера.

/* СТРАНИЦА ПЛАГИНА */
add_action('admin_menu', 'plugin_page');
function plugin_page() {
	$page = add_menu_page('Плагин','plugin.php','manage_options','page','form');
	add_action('admin_print_scripts-'.$page,'js');
}
function js() {
	wp_register_script('script',plugin_dir_url(__FILE__).'js.js',array('jquery'));
	wp_enqueue_script('script');
}
add_action('admin_init','bsc_header_init');
function bsc_header_init(){
	register_setting('page_options','bscHO','');
}

function form() { // страница плагина
?>
<form method="post" action="options.php" onkeypress="if(event.keyCode == 13) return false;">
	<? settings_fields('page_options'); ?>
	<? $ho = get_option('bscHO'); ?>

		<div class="button" style="width:100px;height:40px;background:#000;color:#fff;cursor:pointer;">
			<p>BUTTON-а</p>
			<input type="radio" name="bscHO[active]" value="a" <?checked('a',$ho['active']);?> style="display:none;" class="radiobutton"/>
		</div>

		<div class="button" style="width:100px;height:40px;background:#000;color:#fff;cursor:pointer;">
			<p>BUTTON-b</p>
			<input type="radio" name="bscHO[active]" value="b" <?checked('b',$ho['active']);?> style="display:none;" class="radiobutton"/>
		</div>

		<?=$ho['active']; // вывод значения сохранённой переменной 'active'?>

		<input type="submit" value="<? _e('Save') ?>" >
</form>
<?
}

/* JQUERY */
jQuery(document).ready(function() {
	var button = jQuery('.button');
	for (var i = 0; i < button.length; i++) {
		jQuery(button[i]).on('click', function() {
			jQuery(this).children('.radiobutton').attr('checked','checked');
		});
	}
});