Combinar elementos y mostrar

[El_Astur]

Buenas,

estoy intentando probar a hacer lo siguiente utilizando jquery-ui:

tengo dos campos:

Código HTML:

<div class="ui-widget col-xs-12 col-sm-6">
          <label for="origen">Origen</label>
          <input id="origen" />
        </div>
        <div class="ui-widget col-xs-12 col-sm-6">
          <label for="destino">Destino</label>
          <input id="destino" />
        </div> 

Y tengo el siguiente javascript:

Código HTML:

 <script src="http://code.jquery.com/jquery.js"></script>
    <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script type="text/javascript">
    //autocompletado
    $( function() {
      var availableOrigen = [
        "paris",
        "roma",
        "londres",
        "pekin"
    
      ];
      $( "#origen" ).autocomplete({
        source: availableOrigen
      });
    } );
     $( function() {
      var availableDestino = [
        "Londres capital",
        "Boston",
        "Bruselas",
        "Pekin airport",
      ];
      $( "#destino" ).autocomplete({
        source: availableDestino
      });
    } );
   
  </script> 

Estoy intentando hacer que al combinar dos elementos, uno de cada array(la combinación puede serde una misma ciudad a otras, es decir, por ejemplo Madrid puede combinarse con más de una de las del otro array), se muestre algo, por ejemplo un calendario o algo así y me salga un botón para enviar a una determinada url. Cómo se podría hacer? se podría hacer que según la combinación de elementos el botón enviara a una url u otra?