 <p>Here is a simple example of how to copy values from an input to another html tag:</p> <pre><code>&lt;input id="myInput" type="text" value="waffles" /&gt; &lt;button type="button" onclick="$('#copiedValue').html($('#myInput').val())"&gt;Copy value&lt;/button&gt; &lt;span id="copiedValue"&gt;&lt;/span&gt; </code></pre> <p>The jQuery is all in <code>onclick</code> which pulls the value from the input using <code>$('#myInput').val()</code> and supplies that value as an argument to replace the html contents of the span <code>$('#copiedValue').html(...)</code>.</p> <p>Here is a jsfiddle with the working code: <a href="https://jsfiddle.net/njacwybg/" rel="nofollow">https://jsfiddle.net/njacwybg/</a></p>