kapowaz/gist:545467

## gistfile1.html
<html><head><title></title></head>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript">

$(document).ready(function() {

  function AddField(){
    var d_name = $("#d_name").val();
    var d_number = $("#d_number").val();
    var field = $("#field").val();
    var area = $("#area").val();
    var div = $("#populate");
    var results = $("#results");

    var newentry = $('<div>', {'class': 'item'});
    newentry.append('<input type="hidden" name="d_name[]" value="' + d_name + '">');
    newentry.append('<input type="hidden" name="d_number[]" value="' + d_number + '">');
    newentry.append('<input type="hidden" name="field[]" value="' + field + '">');
    newentry.append('<input type="hidden" name="area[]" value="' + area + '">');
    newentry.append(d_name + ' ' + d_number + ' ' + field + ' ' + area);
    newentry.append('<a href="#" class="edit">(edit)</a>');
    newentry.append('<a href="#" data-item="' + items + '" class="delete">(delete)</a>');

    newentry.find('a.delete').bind('click', function(){
      $(this).parent('div.item').remove();
    });

    results.before(newentry);
  }

  $('input#add').bind('click', AddField);
});
</script>

<div id="container">

  <form action="" method="GET" name="register">

  <strong>Display Information</strong> <i> (This is what your customers see)</i><br /><br />

  Display Name			Display Number			Category					Area<br />
  <input type="text" id="d_name" />
  <input type="text" id="d_number" />
  <select id="field">
    <option value="-1">Select Trade</option>
    <option value="accountants">Accountants</option>
    <option value="air conditioners">Air Conditioners</option>
    <option value="mechanics">Mechanics</option>
  </select>

  <select id="area"><option value="-1">Select area</option>
    <option value="P">P</option>
    <option value="B">B</option>
    <option value="K">K</option>
  </select>

  <input type="button" name="add" id="add" value="Add area" />
  <input type="submit" name="submit" value="submit">

  <div id="populate">
    <div id="results">
    </div>
  </div>
</form>

</div>

</html>
	<html><head><title></title></head>
	<script src="http://code.jquery.com/jquery-latest.min.js"></script>
	<script type="text/javascript">

	$(document).ready(function() {

	function AddField(){
	var d_name = $("#d_name").val();
	var d_number = $("#d_number").val();
	var field = $("#field").val();
	var area = $("#area").val();
	var div = $("#populate");
	var results = $("#results");

	var newentry = $('<div>', {'class': 'item'});
	newentry.append('<input type="hidden" name="d_name[]" value="' + d_name + '">');
	newentry.append('<input type="hidden" name="d_number[]" value="' + d_number + '">');
	newentry.append('<input type="hidden" name="field[]" value="' + field + '">');
	newentry.append('<input type="hidden" name="area[]" value="' + area + '">');
	newentry.append(d_name + ' ' + d_number + ' ' + field + ' ' + area);
	newentry.append('<a href="#" class="edit">(edit)</a>');
	newentry.append('<a href="#" data-item="' + items + '" class="delete">(delete)</a>');

	newentry.find('a.delete').bind('click', function(){
	$(this).parent('div.item').remove();
	});

	results.before(newentry);
	}

	$('input#add').bind('click', AddField);
	});
	</script>

	<div id="container">

	<form action="" method="GET" name="register">

	<strong>Display Information</strong> <i> (This is what your customers see)</i><br /><br />

	Display Name Display Number Category Area<br />
	<input type="text" id="d_name" />
	<input type="text" id="d_number" />
	<select id="field">
	<option value="-1">Select Trade</option>
	<option value="accountants">Accountants</option>
	<option value="air conditioners">Air Conditioners</option>
	<option value="mechanics">Mechanics</option>
	</select>

	<select id="area"><option value="-1">Select area</option>
	<option value="P">P</option>
	<option value="B">B</option>
	<option value="K">K</option>
	</select>

	<input type="button" name="add" id="add" value="Add area" />
	<input type="submit" name="submit" value="submit">

	<div id="populate">
	<div id="results">
	</div>
	</div>
	</form>

	</div>

	</html>