title: Why is my HTML form only able to register one answer at a time?
body: <p>I need a Likert scale for a study I'm conducting, and then I found a good looking, ready made one at <a href="https://codepen.io/Buttonpresser/pen/poXVod" rel="nofollow noreferrer">https://codepen.io/Buttonpresser/pen/poXVod</a></p>
  <p>My problem is that if I choose an answer for one question, that answer is then deselected once I answer a different question. I've tried to look at other forms to figure out what the difference is, but to no avail.</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;form action=""&gt;
    &lt;label class="statement"&gt;This HTML Likert scale is easy to use.&lt;/label&gt;
    &lt;ul class='likert'&gt;
      &lt;li&gt;
        &lt;input type="radio" name="likert" value="strong_agree"&gt;
        &lt;label&gt;Strongly agree&lt;/label&gt;
      &lt;/li&gt;
      &lt;li&gt;
        &lt;input type="radio" name="likert" value="strong_agree"&gt;
        &lt;label&gt;Agree&lt;/label&gt;
      &lt;/li&gt;
      &lt;li&gt;
        &lt;input type="radio" name="likert" value="strong_agree"&gt;
        &lt;label&gt;Neutral&lt;/label&gt;
      &lt;/li&gt;
      &lt;li&gt;
        &lt;input type="radio" name="likert" value="disagree"&gt;
        &lt;label&gt;Disagree&lt;/label&gt;
      &lt;/li&gt;
      &lt;li&gt;
        &lt;input type="radio" name="likert" value="strong_agree"&gt;
        &lt;label&gt;Strongly disagree&lt;/label&gt;
      &lt;/li&gt;
    &lt;/ul&gt;
    &lt;label class="statement"&gt;It's clear that this is a responsive design.&lt;/label&gt;
    &lt;ul class='likert'&gt;
      &lt;li&gt;
        &lt;input type="radio" name="likert" value="strong_agree"&gt;
        &lt;label&gt;Strongly agree&lt;/label&gt;
      &lt;/li&gt;
      &lt;li&gt;
        &lt;input type="radio" name="likert" value="strong_agree"&gt;
        &lt;label&gt;Agree&lt;/label&gt;
      &lt;/li&gt;
      &lt;li&gt;
        &lt;input type="radio" name="likert" value="strong_agree"&gt;
        &lt;label&gt;Neutral&lt;/label&gt;
      &lt;/li&gt;
      &lt;li&gt;
        &lt;input type="radio" name="likert" value="disagree"&gt;
        &lt;label&gt;Disagree&lt;/label&gt;
      &lt;/li&gt;
      &lt;li&gt;
        &lt;input type="radio" name="likert" value="strong_agree"&gt;
        &lt;label&gt;Strongly disagree&lt;/label&gt;
      &lt;/li&gt;
    &lt;/ul&gt;</code></pre>
  </div>
  </div>
  </p>