передача значений ввода от одного к другому с помощью текстового jquery

Question

Я хотел бы вставить число (пример 1111) и после отправки получить вывод (команду), например "access userid 1111 instance mbb". Проблема, которая у меня есть, заключается в том, что число должно быть в тексте, а также как установитьтекст правильно.

См. рисунок ниже:

Это то, что у меня сейчас, но не работает, как хотелось бы:

HTML:

  <label for="number">number:</label>
  <input type="text" name="number" id="number" />
  <input type="submit" value="Submit">

  <label for="output">output</label>
  <input type="text" size="33px"  name="output" id="output" />

JQuery:

   $('#number').change(function() {
      $('#output').val($(this).val());
    });

Большое спасибо за вашу поддержку

Answer 1

Надеюсь, это поможет.

$('#submit').click(function(){
  var source = $('#source').val();
  $('#target').val('Your val: ' + source + '. Enjoy :)');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="source">
<button type="submit" id="submit">Go</button>

<p>
<input type="text" id="target">
</p>