为什么它不会将字符串传递给输入字段，但它在HTML中显示？

Question

当它加载时，我可以像这样看到KEY Your Key: shf8tg382kds
但是，Key不会出现在输入字段中 为什么？我该如何解决这个问题？

JavaScript部分

<script>
    window.onload = function(){
        $(".chat#key").val($('#peer-id').text()).focus()
    }
</script>

HTML部分

<p>Your Key : <span id="peer-id"></span> </p>

<input class="chat" id="key" name="messages[body]" placeholder="Type your Key Here!" type="text" />

更新

如果我将其更改为此，则会在输入字段中显示abc。

$(".chat#key").val('abc').focus()