title: How to get selected radio button value for multiple instances of radio button
body: <p>I'm trying get the value of selected radio button using the selector <code>$("input[name='job-destination[0]']")</code> and <code>$("input[name='job-destination[1]']")</code>. However when I select the radio button in <code>$("input[name='job-destination[1]']")</code> it outputs the value from <code>$("input[name='job-destination[0]']")</code></p>
  
  <pre><code>&lt;div class="form-group"&gt;
      &lt;p&gt;Destination&lt;/p&gt;
  
      &lt;div class="radio-btn-grp"&gt;
          &lt;input class="job-destination" name="job-destination[0]" value="Australia" type="radio" required&gt;
          &lt;label for="job-destination"&gt;Australia&lt;/label&gt;
      &lt;/div&gt;
      &lt;div class="radio-btn-grp"&gt;
          &lt;input class="job-destination" name="job-destination[0]" value="Canada" type="radio"&gt;
          &lt;label for="job-destination"&gt;Canada&lt;/label&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div class="form-group"&gt;
          &lt;p&gt;Destination&lt;/p&gt;
  
          &lt;div class="radio-btn-grp"&gt;
              &lt;input class="job-destination" name="job-destination[1]" value="Australia" type="radio" required&gt;
              &lt;label for="job-destination"&gt;Australia&lt;/label&gt;
          &lt;/div&gt;
          &lt;div class="radio-btn-grp"&gt;
              &lt;input class="job-destination" name="job-destination[1]" value="Canada" type="radio"&gt;
              &lt;label for="job-destination"&gt;Canada&lt;/label&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>