JQuery - Asociar eventos a elementos HTML creados dinamicamente

<form id="form_advanced_validation" action="../cliente/registrar" method="POST">

	<input type="hidden" name="codCliente" value="<?=$codCliente?>" />

	<div class="body table-responsive">

		<table class="table table-striped" id="dynamic_field">

			<tbody>

				<tr>

					<td class="col-sm-11">

						<h4>Ingrese la informacion</h4>

						</br>

						<div class="form-group form-float">

							<div class="form-line">

								<input id="name1" type="text" class="form-control" name="name1" pattern="[A-Za-z]{4-16}" required>

								<label class="form-label">Nombres</label>

							</div>

							<div class="help-info">Mínimo 4 caracteres</div>

						</div>

						<div class="form-group form-float">

							<div class="form-line">

								<input type="text" class="form-control" name="apellido_resp[]" pattern="[A-Za-z]{4-16}" required>

								<label class="form-label">Apellidos</label>

							</div>

								<div class="help-info">Mínimo 4 caracteres</div>

						</div>

						<div class="form-group form-float">

							<div class="form-line">

								<input type="text" class="form-control" name="tel_resp[]" required >

								<label class="form-label">Teléfono</label>

							</div>

							<div class="help-info">Formato: 2XXX-XXXX </div>

						</div>

						<div class="form-group form-float">

							<div class="form-line">

								<input type="email" class="form-control" name="email_resp[]" required>

								<label class="form-label">Correo eléctronico de la empresa</label>

							</div>

							<div class="help-info">Formato: admin@admin.com </div>

						</div>

					</td>

					<td class="col-sm-1">

						<button type="button" class="btn btn-success waves-effect" id="add" name="add"> + Agregar responsable</button>

					</td>

				</tr>

			</tbody>

		</table>

	</div>

	<div class="form-group form-float">

	</br>

	</div>

	<div class="form-group form-float">

	<button class="btn btn-primary waves-effect" type="submit">REGISTRAR</button>

	</div>

</form>

$('#add').on("click","",function(){

        i++;

      $('#dynamic_field').append('<tr id="row'+i+'"> <td class="col-sm-11"><h4>Ingrese la informacion</h4></br><div class="form-group form-float"><div class="form-line"><input id="name'+i+'" type="text" class="form-control" name="name'+i+'" pattern="[A-Za-z]{4-16}" required autofocus="autofocus"><label class="form-label">Nombres</label></div><div class="help-info">Mínimo 4 caracteres</div></div><div class="form-group form-float"><div class="form-line"><input type="text" class="form-control" name="apellido_resp[]" pattern="[A-Za-z]{4-16}" required><label class="form-label">Apellidos</label></div><div class="help-info">Mínimo 4 caracteres</div></div><div class="form-group form-float"><div class="form-line"><input type="text" class="form-control" name="tel_resp[]" required ><label class="form-label">Teléfono</label></div><div class="help-info">Formato: 2XXX-XXXX </div></div><div class="form-group form-float"><div class="form-line"><input type="email" class="form-control" name="email_resp[]" required><label class="form-label">Correo eléctronico de la empresa</label></div><div class="help-info">Formato: admin@admin.com </div></div></td><td><button type="button" name="remove" id="'+i+'" class="btn btn-danger btn_remove">X</button></td></tr>');

});

$('#dynamic_field').on('click', '.claseafiltrar', function(e){

    .....

});