title: how to get selected element value by clicking tr
body: <p>I am working on small project. I got some problem when trying to get elements value in the clicked table row. Here is my project codes</p>
  
  <pre><code>&lt;table id="info"&gt;
      &lt;% for (int i = 0; i &lt; 15; i++) {%&gt;
      &lt;tr&gt;
          &lt;td&gt;
              &lt;select name="prefix&lt;%=i%&gt;" class="form-control"&gt;
                  &lt;option&gt;044&lt;/option&gt;
                  &lt;option&gt;51&lt;/option&gt;
                  &lt;option&gt;555&lt;/option&gt;
                  &lt;option&gt;43&lt;/option&gt;
                  &lt;option&gt;33&lt;/option&gt;
                  &lt;option&gt;66&lt;/option&gt;
              &lt;/select&gt;
          &lt;/td&gt;
          &lt;td&gt;
              &lt;input name="phone" id="number&lt;%=i%&gt;" type="text" onblur="test2()" class="form-control input"  &gt;
          &lt;/td&gt;
          &lt;td&gt;
              &lt;select name='status&lt;%=i%&gt;' class="form-control"&gt;
                  &lt;option&gt;The number is belong to man&lt;/option&gt;
                  &lt;option&gt;Out of area&lt;/option&gt;
                  &lt;option&gt;Dialed already&lt;/option&gt;
                  &lt;option&gt;The number is not defined&lt;/option&gt;
              &lt;/select&gt;
          &lt;/td&gt;
          &lt;td&gt;
              &lt;textarea id="desc&lt;%=i%&gt;" class="form-control" rows="3"&gt;&lt;/textarea&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
      &lt;%}%&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>My javascript code is the following:</p>
  
  <pre><code>$('#info tbody').on('click', 'tr', function() {
      var $td = $(this).closest('tr').children('td');
      var clId = $td.eq(0).attr('id');
  });
  </code></pre>