Get values from multiple input fields generated by #each in meteor and insert them in collection
<p>Having some troubles in meteor forms</p>

<p>The user can add input fields by clicking a + button.
After the "save" button is clicked the values in the input fields should be updated in the collection.</p>

<p>HTML:</p>

<pre><code>&lt;template name="EditQuestion"&gt;
&lt;form id="updateQuestion"&gt;


    {{#each option}}
        &lt;li&gt;&lt;input name="Option"  type="text" placeholder="Answer Option" class="answerOption"&gt;&lt;/li&gt;&lt;/button&gt;   
    {{/each}}

&lt;button type="submit" id="submitQuestion" class="btn btn-success"&gt;Save&lt;/button&gt;
&lt;/form&gt;&lt;/template&gt;
</code></pre>

<p>JS:</p>

<pre><code>Template.EditQuestion.events({
"submit #updateQuestion"(e){
    e.preventDefault();
    const target = e.target;
    var options = target.Option;
    console.log(options);
    console.log(options.value);
}});
</code></pre>

<p>the first console.log generates the a RadioNodeList[]
the second is empty</p>

<p>How can i access the values in options and insert them in my collection?</p>

<p><a href="https://i.stack.imgur.com/PLkSV.png" rel="nofollow noreferrer">View</a></p>

<p><a href="https://i.stack.imgur.com/90yLM.png" rel="nofollow noreferrer">Console Output</a></p>