Form with dynamic options from Collection List

Hi, I’m trying to create form with radio buttons where each of the options is collection item. I found very helpful post from 2017 suggesting adding radio button together with embed HTML code into collection item and add this code:

  <script type="text/javascript" language="JavaScript">
<!--
document.write('<input ');
document.write('   type="hidden" ');
document.write('   name="Teacher Name" ');
document.write('   value="NAME">');
//-->
</script>

However in my case it takes one and the same collection item information no matter witch on I actually selecting. And I have no idea why specifically taking “Cindy” as invisible form input even tho the Radio Button Label pulls the text of collection items correctly.

Here is my site Read-Only: [https://preview.webflow.com/preview/ltw-site-ebc633?utm_medium=preview_link&utm_source=designer&utm_content=ltw-site-ebc633&preview=d11121f8cf756790a7471060acb5202c&pageId=5f04a24be5f391ee489a1b6d&mode=preview