title: Selecting the Value of a td in a table and populating elsewhere using Javascript
body: <p>Am working on an application whereby I have some values in a table,,when the user clicks on any number on the table am having a problem capturing the number selected and populate on a single input field on the 2 rows on the right side</p>
  
  <p><strong>Markup Code</strong></p>
  
  <pre><code> &lt;!--Table on the left --&gt;
      &lt;div style="width: 140px; float: left;"&gt;
          &lt;table id="table1"&gt;
              &lt;tbody&gt;
                  &lt;tr&gt;
                      &lt;td&gt;1&lt;/td&gt;
                      &lt;td&gt;2&lt;/td&gt;
                  &lt;/tr&gt;
                  &lt;tr&gt;
                      &lt;td&gt;3&lt;/td&gt;
                      &lt;td&gt;4&lt;/td&gt;
                  &lt;/tr&gt;
                  &lt;tr&gt;
                      &lt;td&gt;5&lt;/td&gt;
                      &lt;td&gt;6&lt;/td&gt;
                  &lt;/tr&gt;
                  &lt;tr&gt;
                      &lt;td&gt;7&lt;/td&gt;
                      &lt;td&gt;8&lt;/td&gt;
                  &lt;/tr&gt;
                  &lt;tr&gt;
                      &lt;td&gt;9&lt;/td&gt;
                      &lt;td&gt;10&lt;/td&gt;
                  &lt;/tr&gt;
              &lt;/tbody&gt;
          &lt;/table&gt;
      &lt;/div&gt;
  
      &lt;!-- Rows on the right--&gt;
      &lt;div style="float: right;" &gt;
          &lt;input type="text" id="inp1" value=""&gt;
          &lt;input type="text"   id="inp2"  value=""&gt;
          &lt;input type="text"  id="inp3"  value=""&gt;
          &lt;input type="text"  id="inp4"  value=""&gt;
          &lt;input type="text"  id="inp5"  value=""&gt;
          &lt;input type="text"  id="inp6"  value=""&gt;        
      &lt;/div&gt;
  
      &lt;div style="float: right;  margin-top: 5px;" &gt;
          &lt;input type="text" id="inp1" value=""&gt;
          &lt;input type="text"   id="inp2"  value=""&gt;
          &lt;input type="text"  id="inp3"  value=""&gt;
          &lt;input type="text"  id="inp4"  value=""&gt;
          &lt;input type="text"  id="inp5"  value=""&gt;
          &lt;input type="text"  id="inp6"  value=""&gt;        
      &lt;/div&gt;
  </code></pre>
  
  <p><strong>Javascript Code</strong></p>
  
  <pre><code>// code to read selected table row cell data (values).
          $("#table1").on('click',function(){
              var data = $('tr td');
              alert(data);
          });
  </code></pre>