Find dynamically created elements

by Kunal Paul

HTML

<form name="mainform" id="saveForm" action="#">
					<!--##GENERAL##-->
					
				
	          			<div id="fromuser">
						<br />
						<br />
							<table width="100%" id="userTable">
								<tr id="ReportNameRow">
									<td class="label-cell">Report Name :</td>
									<td>
										<input type="text" name="CustomReportName" id="CustomReportName" />
									</td>
								</tr>
								<tr id="ReportNamrRow">
									<td class="label-cell">* Saved Report Name :</td>
									<td>
										<select name="rname" id="rname" onChange="addRow(this,'myid');">
						 					<option value="">---Select---</option>
											<option value="Cash_Position">Cash Position</option>
											<option value="Detail_Report">Detail Report</option>
											<option value="FCCS/FBPS_Detail_Report">FCCS/FBPS Detail Report</option>
											<option value="Reconciliation_Report">Reconciliation Report</option>
											<option value="Statement_Report">Statement Report</option>
											<option value="CustomReport">Enter Custom Report Name</option>
										</select>
									</td>
								</tr>
								<input type="hidden" name="hiddenid" value="I am hidden" id="hiddenid" />
								<tr id="submit">
									<td class="label-cell"></td>
									<td>
										<input type="button" name="checkbutton" id="checkbutton" value="Check" />
										<input type="submit" name="submitbutton" id="submitbutton" value="Submit" />
									</td>
								</tr>
							</table>
					   </div>	
				</form>

JavaScript

$(document).ready(function(){
	//script.init(markchaining);
	$('#checkbutton').click(function(){
		$('#saveForm :input').each(function(key){
			if($(this).is('select'))
			{
				var id = $(this).attr('id');
				console.log('id is '+id);
				$(this).trigger('change');
				console.log('if-> Element name is '+$(this).attr('name'));
			}
			else
			{
				console.log('else-> Element name is '+$(this).attr('name'));
			}
			
	  });
	});
});

function addRow(ele,name)
{
var id = ele.id;
	$('#'+id+'').closest('tr').after('<tr><td class="label-cell">New Row</td><td><input type="text" name="'+name+'" /></td></tr>');
}