title: How to retrieve dynamically added/deleted rows of data using jQuery?
body: <p>I am trying to get the data from dynamic rows in html table using jQuery. I mentioned the below code snippet for creating dynamic rows</p>
  
  <p>jQuery function </p>
  
  <pre><code> $("#madd").click(function(){
  
           if ($("#selected_text").html()!=''){
            $(this).closest("tr").clone(true).appendTo("#fmly_dtls").find('input').val('');
      }else{
          alert('Please save the data');
      }
   });
  </code></pre>
  
  <p>Table id is <code>#fmly_dtls</code>, so I added row into table when I clicked on add button. After adding 5 rows I am trying to retrieve that data from dynamic rows data.</p>
  
  <pre><code>$("#finalbtn").click(function(){
      var membrdt='';
  $("#fmly_dtls tr").each(function (i) {         
      var myValue2 = $(this).closest('tr').find('td:first'); 
      alert($(this).children('td:first').val());
  });
  </code></pre>
  
  <p><code>#finalbtn</code> is html button. When I clicked the button. Is there any issue on above to retrieve the data?</p>
  
  <p>jsfiddle :-
  <a href="http://jsfiddle.net/sureshr4u/WnuuM/1/" rel="nofollow">JSFIDLE URL</a></p>