How to nest table withing table read from json
===

I got this json object which its structure similar to this:

    vendor have name, phone, fax, contacts
    contacts have firstName, lastName, title, phone, email

I have created the first level in the table, but i didn't how to create the second nested level

    function getData(vType) {
					$.getJSON('/LocalApp/VendorController', {
						vendorType : vType,
						time : "2pm"
					}, function(vendorsJson) {
						$('#vendors').find("tr:gt(0)").remove();
					
						var vendorTable = $('#vendors');
						
						$.each(vendorsJson, function(index, vendor) {
							$('<tr>').appendTo(vendorTable).append(
									$('<td>').text(vendor.name)).append(
									$('<td>').text(vendor.phone)).append(
									$('<td>').text(vendor.fax)).append(
									'<table class="contactTable"><tr><th>First Name</th><th>Last Name</th><th>Title</th><th>Phone</th><th>E-Mail</th></tr></table>');

						});
					});
				}

So how can i add vendor.contacts as a nested table in jQuery code?
i know my code is not clean, jquery is confusing to me compared to Java

