I understand that I am using the same IDs and names and that what might be causing the issue.

The star rating segment is that:

```
<span class="rating">
  <tr>
    <td>Quality</td>
    <td>
      <span class="rating">
      <% (1..5).each_with_index do |quality, i| %>
        <%= radio_button_tag "rating-input-1-#{i+1}", quality, endorsement.quality == quality, class: 'rating-input', id: "rating-input-1-#{i+1}" %>
        <%= label_tag "rating-input-1-#{i+1}", nil,  class: 'rating-star' %>
      <% end %>
    </span>
    </td> 
  </tr>
  <tr>
    <td>Cost</td>
    <td>
      <span class="rating">
      <% (1..5).each_with_index do |cost, i| %>
        <%= radio_button_tag "rating-input-1-#{i+1}", cost, endorsement.cost == cost, class: 'rating-input', id: "rating-input-1-#{i+1}" %>
        <%= label_tag "rating-input-1-#{i+1}", nil,  class: 'rating-star' %>
      <% end %>
    </span>
    </td>
  </tr>
  <tr>
    <td>Time</td>
    <td>
      <span class="rating">
      <% (1..5).each_with_index do |time, i| %>
        <%= radio_button_tag "rating-input-1-#{i+1}", time, endorsement.time == time, class: 'rating-input', id: "rating-input-1-#{i+1}" %>
        <%= label_tag "rating-input-1-#{i+1}", nil,  class: 'rating-star' %>
      <% end %>
    </span>
    </td>
  </tr>
  <tr>
    <td>Experience</td>
    <td>
      <span class="rating">
      <% (1..5).each_with_index do |experience, i| %>
        <%= radio_button_tag "rating-input-1-#{i+1}", experience, endorsement.experience == experience, class: 'rating-input', id: "rating-input-1-#{i+1}" %>
        <%= label_tag "rating-input-1-#{i+1}", nil,  class: 'rating-star' %>
      <% end %>
      </span>
    </td>
  </tr>
  <tr>
    <td>Communication</td>
    <td>
      <span class="rating">
      <% (1..5).each_with_index do |communication, i| %>
        <%= radio_button_tag "rating-input-1-#{i+1}", communication, endorsement.communication == communication, class: 'rating-input', id: "rating-input-1-#{i+1}" %>
        <%= label_tag "rating-input-1-#{i+1}", nil,  class: 'rating-star' %>
      <% end %>
      </span>
    </td>
  </tr>
</span>

```

which shows up as:

![enter image description here](https://i.stack.imgur.com/uGuoe.png)

I did place some [CSS styles](https://gist.github.com/stefioan/3b5740bd2dfd092c7337) to make it work as expected and it renders as [this (too long to place here)](https://gist.github.com/stefioan/0da05a0edbf28bb464c5).

When I click on any of the stars it just fills one with the certain stars I chose and then I cannot select any other stars from a different rating aspect. I am not that experienced with html tags but a tip or guidance to the right direction will surely get me understand/going.