title: jQuery select data from row onChange to option menu
body: <p>I created Admin page which displays all users details from Database.
  The table is populated using Spring + Hibernate. 
  I made attempt to select value of option menu but I have no idea how to select username of a given row.</p>
  
  <p>Later I want to make a call to Controller to change the user role.</p>
  
  <pre><code>&lt;div class="list"&gt;
      &lt;table class="table-list"&gt;
          &lt;tr&gt;
              &lt;th&gt;Id&lt;/th&gt;
              &lt;th&gt;Username&lt;/th&gt;
              &lt;th&gt;Password&lt;/th&gt;
              &lt;th&gt;Email&lt;/th&gt;
              &lt;th&gt;Roles&lt;/th&gt;
              &lt;th&gt;Change role&lt;/th&gt;
          &lt;/tr&gt;
          &lt;c:forEach var="users" items="${users}"&gt;
              &lt;tr class="userdetails"&gt;
                  &lt;td&gt;&lt;c:out value="${users.id }" /&gt;&lt;/td&gt;
                  &lt;td class="username"&gt;&lt;c:out value="${users.username }" /&gt;&lt;/td&gt;
                  &lt;td&gt;&lt;c:out value="${users.password }" /&gt;&lt;/td&gt;
                  &lt;td&gt;&lt;c:out value="${users.email }" /&gt;&lt;/td&gt;
                  &lt;c:forEach var="roles" items="${users.usersRoles }"&gt;
                      &lt;td&gt;&lt;c:out value="${roles.role }" /&gt;&lt;/td&gt;
                  &lt;/c:forEach&gt;
                  &lt;td&gt;&lt;select id="change-role"&gt;&lt;c:forEach var='changeRole'
                              items='${roles}'&gt;
  
                              &lt;option value="${changeRole.role}"&gt;&lt;c:out
                                      value='${changeRole.role}' /&gt;&lt;/option&gt;
  
                          &lt;/c:forEach&gt;&lt;/select&gt;&lt;/td&gt;
              &lt;/tr&gt;
          &lt;/c:forEach&gt;
      &lt;/table&gt;
  &lt;/div&gt;
  </code></pre>