如何根据用户在文本框中键入的内容更新标签文本

我正在使用JQuery步骤，我正在尝试使最后一步验证用户在前面的步骤中输入的内容。但问题是它没有用以前文本框的值填充标签。

这真的让我感到困惑，因为我已经看到了很多这方面的工作示例，但我的不起作用？有什么想法吗？我错过了什么吗？

.HTML

 <label for="firstName">First Name *</label>
 <input id="firstName" name="firstName" type="text">
 <label for="lastname">last Name *</label>
 <input id="lastname" name="lastname" type="text">
 <br/><br/>
 <label for="shippingaddress">Shipping Address *</label>
 <input id="shippingaddress" name="shippingaddress" type="text">
 <br/><hr><br/>
 <p>
   Name: <label id="vname"></label>
 </p>
 <p>
   Shipping Address: <label id="vsaddress"></label>
 </p>

JAVASCRIPT

 $("#firstName,#lastname").change(function () {
var firstnameLAstName = $("#firstName").val()+ " " + $("#lastname").val();
$("#vname").text(firstnameLAstName);
 });
 $("#shippingaddress").change(function () {
var shippingAddress = $("#shippingaddress").val();
$("#vsaddress").text(shippingAddress);
 });

这是我的JSFIDDLE：https://jsfiddle.net/7say10d8/4/

我什至尝试在 OnChange 中添加一些东西