来自 HTML 输入字段 运行 的文本通过 jquery 函数?

Text from HTML input field run through jquery function?

因此,我从我尝试编写的移动应用程序(使用英特尔 XDK)中获得了这段 HTML 代码,请参见下面的代码。请注意,请忽略我正在使用的框架中的 div class 行话。

HTML

基本上我想做的是在文本框中获取输入文本,然后单击,获取输入文本,运行 通过 jquery 函数然后打印输入文本围成一圈。请参阅下面的 jquery。

Jquery

将文本扭曲成圆形的函数来自一个名为 lettering.js 的 jquery 插件。我已经正确设置了字体,它可以正常工作。但是,文本字段中的文本是无用的。我可以在文本字段中输入文本并单击按钮,但是在单击它时 运行s 我在 h1 标签中的文本上的 jquery 脚本。

我完全理解我目前的设置方式。我这样做主要是为了证明 lettering.js 有效。但是,我想知道如何将 h1 标签之间的文本替换为单击时输入字段中的文本,然后通过字母功能获得 运行 。或者更好的是,我如何获取输入字段中的文本并使用该文本字段值使用字母函数 运行?这样就无需将输入文本插入 h1 标签,然后 运行 函数。

任何帮助都会很棒。我真的不太了解 jquery 或 javascript 所以我可能忽略了一些简单得可笑的东西。

$(".displayed h1").text($("#tokenMessage").val());

这将但是输入字段中的文本具有 id tokenMessage 并放入 h1 标记中,该标记位于具有 class displayed 的 div 中]