title: asp.net get gridview values with jquery and put on textboxes
body: <p>I have a gridview with several columns hidden.
  When I mouse over each row on the grid, I want the hidden column values to be shown on textboxes, below the gridview.</p>
  
  <p>Following is the html/aspx code (shortened)
  Only a few columns are visible, most are hidden.</p>
  
  <pre><code>     &lt;asp:GridView ID="GridView1" &gt;
             &lt;rowstyle cssclass="GridRowStyle" /&gt;
             &lt;Columns&gt;                                  
                &lt;asp:BoundField DataField="ClientsName"  HeaderText="ClientsName"&gt;&lt;/asp:BoundField&gt;
  
               &lt;asp:BoundField DataField="Clientsaddress1"  HeaderText="Clientsaddress1"&gt;&lt;ItemStyle CssClass="hiddencol" /&gt;&lt;HeaderStyle CssClass="hiddencol" /&gt; &lt;/asp:BoundField&gt;
                &lt;asp:BoundField DataField="Clientsaddress2"  HeaderText="Clientsaddress3"&gt;&lt;ItemStyle CssClass="hiddencol" /&gt;&lt;HeaderStyle CssClass="hiddencol" /&gt; &lt;/asp:BoundField&gt;
      &lt;/columns&gt;
      &lt;/asp:gridview&gt;
  
  &lt;asp:TextBox ID="txtAddress1" runat="server" Width="250px"  &gt;&lt;/asp:TextBox&gt;
  &lt;asp:TextBox ID="txtAddress2" runat="server" Width="250px"  &gt;&lt;/asp:TextBox&gt;
  </code></pre>
  
  <p>Following is some of the Jquery code I am using to get the gridview row I've selected, but I can't get it to give me the value of each hidden column on the gridview row. I've tried several pieces of code found in stackoverflow, but can't get it to work.
  The code gives me the row number I am on, great, but can't get the hidden column values and put them in their respective textboxes below the gridview.</p>
  
  <pre><code> $("#GridView1 tr td").mouseenter(function () {
                      var iColIndex = $(this).closest("tr td").prevAll("tr td").length;
                      var iRowIndex = $(this).closest("tr").prevAll("tr").length;
                      alert(iRowIndex)
                   });
  </code></pre>
  
  <p>Your guidance is appreciated.</p>
  
  <p>UPDATE:
  here is a sample of what gets rendered in HTML.
  The page has some 600 lines of text so I have shorten to show just an example of what the gridview rendering looks like.</p>
  
  <pre><code>&lt;tr title="Click to select this row." class="GridRowStyle" onclick="javascript:__doPostBack(&amp;#39;GridView1&amp;#39;,&amp;#39;Select$0&amp;#39;)"&gt;
  
  &lt;td class="hiddencol"&gt;23644&lt;/td&gt;
  &lt;td class="hiddencol"&gt;10102&lt;/td&gt;
  &lt;td class="hiddencol"&gt;Y&lt;/td&gt;
  &lt;td class="hiddencol"&gt;21 Jump Street&lt;/td&gt;
  &lt;td class="hiddencol"&gt;Sydney, Australia&lt;/td&gt;
  &lt;td class="hiddencol"&gt;&amp;nbsp;&lt;/td&gt;
  &lt;td&gt;
  
  &lt;table&gt;
  &lt;tr&gt;
  &lt;td class="STD_normal" style="width:150px; font-weight:bold"&gt;Apple Inc.&lt;/td&gt;                                                       
  &lt;/tr&gt;
  &lt;tr&gt;
  &lt;td class="STD_Normal_Grey" style="width:150px"&gt;Entered: 31-Jan-2015 &lt;/td&gt;
  &lt;/tr&gt;
  &lt;/table&gt;                                              
  &lt;/td&gt;&lt;td&gt;
  &lt;tr title="Click to select this row." class="GridRowStyle" onclick="javascript:__doPostBack(&amp;#39;GridView1&amp;#39;,&amp;#39;Select$0&amp;#39;)"&gt;
  &lt;td class="hiddencol"&gt;23644&lt;/td&gt;
  &lt;td class="hiddencol"&gt;10102&lt;/td&gt;
  &lt;td class="hiddencol"&gt;Y&lt;/td&gt;
  &lt;td class="hiddencol"&gt;21 Jump Street&lt;/td&gt;
  &lt;td class="hiddencol"&gt;Sydney, Australia&lt;/td&gt;
  &lt;td class="hiddencol"&gt;&amp;nbsp;&lt;/td&gt;
  &lt;td&gt;
  
  &lt;table&gt;
  &lt;tr&gt;
  &lt;td class="STD_normal" style="width:150px; font-weight:bold"&gt;Apple Inc.&lt;/td&gt;                                                       
  &lt;/tr&gt;
  &lt;tr&gt;
  &lt;td class="STD_Normal_Grey" style="width:150px"&gt;Entered: 31-Jan-2015 &lt;/td&gt;
  &lt;/tr&gt;
  &lt;/table&gt;                                              
  &lt;/td&gt;&lt;td&gt;
  </code></pre>