การประยุกต์ใช้ฟังก์ขัน after() กับ text input

 ตัวอย่างโค้ด

<style type="text/css">
.inp_email{
	clear:both;float:left;	
}
</style>

<form id="form1" name="form1" method="post" action="">
	<div id="mailfriend">Your friend  email:</div>
  <input name="email[]" class="inp_email" type="text" id="email[]" size="35"  />
  <br style="clear:both;float:left;" />
  <input type="submit" name="Submit5" value="บันทัก" />
  <input type="button" id="addmail" name="Button2" value="เพิ่มอีเมลล์" />
</form>



<script type="text/javascript" src="http://www.ninenik.com/js/jquery-1.7.1.min.js"></script>
<script language="javascript">
$(function(){
	$("#addmail").click(function(){ // เงื่อนไขการคลิกสำหรับทดสอบ
		$("#mailfriend").after("<input name=email[]  class=inp_email  type=text  size=35  /><input class=bt_remove type=button value=ลบ />");
	});
	$(document.body).on("click",".bt_remove",function(){
		$(this).prev("input").remove();
		this.remove();
	});
});
</script>

ตัวอยย่างผลลัพธิ์