title: How to get a specific tr in an html page?
body: <p>I am trying to show selected values of a dropdown in my ui. </p>
  
  <pre><code>&lt;tr class="odd" rowid="1" height="50"&gt;          
          &lt;td&gt;
            &lt;select disabled name="item[]" id="item_1" class="dropdown required" tabindex="18"&gt;
          &lt;?php echo $itemOption;?&gt;
          &lt;/select&gt;
          &lt;/td&gt;
          &lt;td &gt;
            &lt;a href="javascript:void(0);"  style="height:40px; width:45px"  class="button add_new_row ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only ui-state-focus" data-role="button" &gt;&lt;span class="ui-button-text" style="padding:0;" disabled&gt;+&lt;/span&gt;&lt;/a&gt;                            
          &lt;/td&gt;           
  &lt;/tr&gt;
  </code></pre>
  
  <p>and in jquery I need to get this tr for replicating my dropdown. Here is my jquery</p>
  
  <pre><code> var thisRow = $(this).closest('tr');   
   newid=parseInt(thisRow.attr('rowid'))+1;
   var count = $('.dataTable input.timepicker').length + 1;
   newRow = thisRow.clone(true).insertAfter(thisRow).find('input').val('').end().
  </code></pre>
  
  <p>But I am getting undefined for thisRow. What may be the reason. Some one please correct me.</p>