Embedded data field with JavaScript is not appearing?

You can't pipe embedded fields on the same page you set them. The the pipes are resolved before the JS runs.
When you insert embedded data, just enter the field name, not the pipe. When you enter the pipe you get the encoded version of a pipe within a pipe: ${e://Field/${e://Field/caption1}}

I see, so should I be entering caption1? That just displays the text caption1

The correct pipe is ${e://Field/caption1}, just type it directly where you want it piped.

Just tried that pipe, but it's still not appearing

Please note my first comment.

My apologies, if it is not possible to pipe embedded fields on the same page they are set in, what is the workaround for inserting the embedded data?

https://community.qualtrics.com/XMcommunity/discussion/comment/55337#Comment_55337If you are looking to calculate or populate a dynamic value and display it, you'll need to use JS to update an HTML element.

Good to know, thank you! Do you know what syntax I should be using for the HTML element (or any resources that I can use to find this out)?

https://community.qualtrics.com/XMcommunity/discussion/comment/55344#Comment_55344HTML:

JS:
jQuery("#caption1").html(caption1var);

That did exactly what I wanted, thank you so much!