title: Retrieve value from input field, inside table TD when selected
body: <p>I am wondering if there is some way to retrieve a value from an input field, inside a TD when this TD is being selected (clicked).</p>
  
  <p>I managed to get 1 of the values out, but it didn't change when I pressed the other row.</p>
  
  <p>for example, here is my JSP, which leads to 2 TD's :</p>
  
  <pre><code>               &lt;div class="col-md-6"&gt;
                          &lt;table class="table fixed"&gt;
                              &lt;thead&gt;
                                  &lt;tr&gt;
                                      &lt;th&gt;Choose what account you want to login to&lt;/th&gt;
                                      &lt;td align="right"&gt;&lt;strong&gt;&lt;/strong&gt;&lt;/td&gt;
                                  &lt;/tr&gt;
                              &lt;/thead&gt;
                              &lt;c:forEach var="i" begin="0" end="${roleList.getSize() -1}"&gt;
                                  &lt;tbody id="extend"&gt;
                                      &lt;tr data-toggle="collapse123" class="clickableRow spaceUnder" nowrap="true" data-target=".demo1" id="1"&gt;
                                          &lt;td class="AlignLeft" nowrap="true" style="border-right: 0px;"&gt;
                                              &lt;label for="important"style="display: inline !important"&gt;${roleList.getFirstName(i)} ${roleList.getLastName(i)}&lt;/label&gt;
                                          &lt;/td&gt;
                                          &lt;td align="right" class="AlignRight" style="border-left: 0px;"&gt;
                                              &lt;input type="hidden" id ="roleId" name="chosenRole" value="${roleList.getClientId(i)}"&gt;
                                          &lt;/td&gt;
                                      &lt;/tr&gt; 
                                  &lt;/c:forEach&gt;
  
                          &lt;/table&gt;
                          &lt;input type="hidden" id ="roleClicked" name="roleClicked" value=""&gt;
                      &lt;/div&gt;
  </code></pre>
  
  <p>And here is my javascript/jquery:</p>
  
  <pre><code>$( document ).ready(function() {
  
              $("#extend td").click(function () {
  </code></pre>
  
  <blockquote>
    <p>How do i select the clicked TD's inputfield's value??</p>
  </blockquote>
  
  <pre><code>                $("#roleClicked").text();
              });
      });
  </code></pre>
  
  <blockquote>
    <p>Edit: I'm Back was correct, although I had to move my input field from the second TD to the first one which is no problem at all for me (its hidden anyways)</p>
  </blockquote>