Necesito recuperar el valor de un select input de tipo hidden con Jquery

Tengo este problema y espero me puedan ayudar. Tengo un select input dentro de un foreach en Laravel. La cosa es que en el input visible está la informacion para mostrar al usuario (nombre) y el ID para recuperarlo en el controlador e hice otro pero de tipo hidden para recuperar el precio del producto seleccionado (pagina de inventario). Tengo ya un codigo pero no me saca lo que necesito.

SCRIPT

$  (document).ready(function(){   $  (document).on('change', '#tamano', function(event) {         var x = $  ("[name='precio']").val(); //ESTE es el que necesito recuperar (input hidden)     var s = $  (this).find('select option:selected').val(); //aqui recibo el input visible     alert(s);   }); }); 

FORMULARIO

      <select class="browser-default custom-select" name="tamano" id="tamano">         <option value="">Seleccione</option>         @foreach ($  tamanos as $  tamano)           <option value="{{ $  tamano->id }}">{{ $  tamano->nombre }}</option>           <option value="{{ $  tamano->precio }}" name="precio" id="precio" hidden>{{ $  tamano->precio }}</option> //este valor necesito recuperar         @endforeach         <input id="precioPan" type="hidden" >       </select>