Передача значения из jquery в PHP без отправки страницы

---

работает ресторан на сайт. и я хотел дать выбор для продукта питания клиенту, поскольку он может изменить свой заказ на питание, я использовал jquery, чтобы передать значение выбора в форму заказа на питание по скрытому полю. но это значение не отображается в форме заказа на питание! как передать значение из jquery в php ?

Что я уже пробовал:

<!-- choice -->
					<div class="label_input_group">
						<!--<div class="col-md-3">-->
						<label class="pull-left row hidden"><?php echo $lang['cp_order_choice']; ???></label>
						
						<input type="text" class="hidden col-md-3  list_of_choice form-control" id="order_choice" name="order_choice" value="aaa"/>
						<!--<div class="menuitemids goeshere row">-->
								<div class="cart_choice_goes_up"></div>
					 <!-- </div>-->
						<!--</div>-->
					</div>
					<!-- size -->
						<div class="label_input_group">
						<!--<div class="col-md-2">-->
							<label class="pull-left row hidden"><?php echo $lang['cp_order_size']; ???></label>
							<input  type="text" class="hidden col-md-2 list_of_size form-control" id="order_size" name="order_size" value=""/>
							<div class="cart_size_goes_up"></div>
						<!--</div>-->
					</div>

php

<div class="move_menu_item_inputs">
					
					<input class=" choice" type="hidden" name="menu_item_choice" value="<?php echo $result3['menu_item_choice']; ???>"/>
						<input class=" size" type="hidden" name="menu_item_size" value="<?php echo $result3['menu_item_size']; ???>"/>
						<input class="single_menu_item" type="hidden" name="menu_item_id[]" value="<?php echo $result3['menu_item_id']; ???>" />
						
						<input disabled="disabled" class="single_menu_item menu_item_price_per_slice" type="hidden" name="menu_item_price_per_slice[]" value="<?php echo $result3['menu_item_price_per_slice']; ???>" />
						<input class="single_menu_item item_name col-md-8 form-control" readonly="readonly"  type="text" name="menu_item_name[]" value="<?php echo $result3['menu_item_name']; ???>" />
						<input class="single_menu_item temporary_price_foreach_product" type="hidden" value="" />
						<button aria-hidden="true" class="form-control remove-product-from-cart single_menu_item" type="button">×</button>

						<div class="single_menu_item col-md-2">
						    <input type="text" value="1" class="pull-left row plus-minus-qty form-control" name="plus_minus_qty[]" />
						</div>
					</div>
JS\
	 var choicetotal = '';
    jQuery('.cart_choice_goes_up .choice').each(function(){ //count total choice in cart
        choicetotal += jQuery(this).val();
		 //jQuery('input.list_of_choice').val( choicetotal );
		 
    });
	
	jQuery('input.list_of_choice').html(choicetotal); //place item  choice value
	 console.log("choice :- "+choicetotal);
	 
	var sizetotal = '';
    jQuery('.cart_size_goes_up .size').each(function(){ //count total size in cart
        sizetotal += jQuery(this).val();
		 //jQuery('input.list_of_size').val( sizetotal );
		<!--$('#order_size').val("sizetotal");-->
    });
	
jQuery('input.list_of_size').html(sizetotal); //place item  size value 
	  console.log("size :- "+sizetotal);

---