function add_incoming_extension_selector(destination_id, pattern) {
	if (pattern === undefined) pattern = '';
	var id = next_incoming_extension_selector_id;

	jQuery("#incoming_extension_selector")
		.append('<div id="incoming_extension_selector:' + id + '">')
		.append('<input name="incomingpattern:' + id + '" type="text" class="formfld" ' +
		'id="incomingpattern:' + id + '" size="20" value="' + pattern + '">')
		.append('<select name="destinationid:' + id + '" class="formfld" id="destinationid:' + id + '"></select>')
		.append('<br>')
		.append('</div>');
	
	jQuery('#destinationid:' + id).addOption(incoming_extension_selector, false);
	if (destination_id !== undefined) {
		jQuery('#destinationid:' + id).selectOptions(destination_id, true);
	}

	next_incoming_extension_selector_id++;		
}




// produces...
<td colspan="1" class="vtable" id="incoming_extension_selector" width="80%">
<div id="incoming_extension_selector:0"></div>
<input name="incomingpattern:0" class="formfld" id="incomingpattern:0" size="20" value="" type="text">
<select name="destinationid:0" class="formfld" id="destinationid:0"></select>
<br>
</td>