Нужно чтобы после заполнения полей эта информация выводилась в теге P?

Question

[SaberChazer]

Нужно чтобы при нажатии на кнопку в теге p выводилась сразу же та информация которую было указано в input'е ранее.
PS: Я потом буду оптимизировать, но для начала нужно разобраться с основной.

function button_send() {

$('#login').keyup(function() {
  var val = $('#login').val();
  $('#LoginQ').html(val);
});
$('#password').keyup(function() {
  var val = $('#password').val();
  $('#passwordQ').html(val);
});

}

<div id="content_start">
<form>
	<br>
        <input type="name" placeholder="Login" autocomplete="off" id="login">
        <br><br>
        <input type="password" id="password" placeholder="Password" autocomplete="off">
            <div class="errors">
        <div class="lengthError"></div>
        <div class="capitalError"></div>
        <div class="letterError"></div>
        <div class="digitError"></div>
    </div>
    <br>
    <div id="button" onclick="button_send()">Send</div>
    <br>
    <div id="content">
    	<h2>Информация которую ты указал:</h2>
    	Логин: <span id="LoginQ"></span>
    	<br>
    	Пароль:  <span id="passwordQ"></span>
    </div>
    </form>

Заранее спасибо!

Answer 1

[Pekaby]

function button_send() {
  var password = $('#password').val();
  var login = $('#login').val();
  $('#passwordQ').html(password);
  $('#LoginQ').html(login);
}