title: Using a Svelte each block, how do you bind:value to a to a variable stored outside the array, but reference inside the array?
body: <p>Here is a simple example of my problem.</p>
  
  <p>I have an array which will hold a list of questions. It is initialized holding only one question.  Once the user answers the first question, I will push a followup question to the array using a reactive statement.</p>
  
  <p>Here is my code in the Svelte REPL: <a href="https://svelte.dev/repl/f950ce9c8ea94f0f9d1bef8f87680be0?version=3.20.1" rel="nofollow noreferrer">https://svelte.dev/repl/f950ce9c8ea94f0f9d1bef8f87680be0?version=3.20.1</a></p>
  
  <p>I just need the <code>atHome</code> variable on line 2 to be <code>true</code> or <code>false</code> based upon the user's response.</p>
  
  <pre><code>    let atHome = null;
      let questions = [
      {
        question: 'Are you stuck at home?',
        bindValue: atHome,
      },
    ];
  &lt;/script&gt;
  
  {#each questions as question}
      &lt;div class="VitWotc-question"&gt;
              &lt;ul&gt;
                  &lt;li&gt;Script stuck at home =&gt; {atHome}&lt;/li&gt;
                  &lt;li&gt;Iteration Bind stuckatHome =&gt; {question.bindValue}&lt;/li&gt;
              &lt;/ul&gt;
        &lt;p&gt;{question.question}&lt;/p&gt;
        &lt;label&gt;
          &lt;input type="radio" bind:group={question.bindValue} value={true} /&gt;
          Yes
        &lt;/label&gt;
        &lt;label&gt;
          &lt;input type="radio" bind:group={question.bindValue} value={false} /&gt;
          No
        &lt;/label&gt;
      &lt;/div&gt;
    {/each}```
  
  </code></pre>