如何在jQuery中并排显示输入值？

<script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>

<input type="text" id="input1">
<input type="text" id="input2">

<button id="displayBtn">显示输入值</button>
<div id="displayArea"></div>

$(document).ready(function() {
  $('#displayBtn').click(function() {
    var input1Value = $('#input1').val();
    var input2Value = $('#input2').val();
    $('#displayArea').text('输入值1：' + input1Value + '，输入值2：' + input2Value);
  });
});