如何在jquery中多次显示用户输入相同div？

<div id="template" style="display: none;">
  <div class="user-input">
    <!-- 用户输入内容 -->
  </div>
</div>

var userInput = $('#user-input').val(); // 获取用户输入的内容
var template = $('#template').clone(); // 复制模板
template.find('.user-input').text(userInput); // 将用户输入的内容填充到复制的模板中
template.removeAttr('id').show(); // 移除模板的id属性，并显示复制的内容
$('#output').append(template); // 将复制的内容插入到指定位置，例如id为output的容器中