what I need to generate
(inserting this into existing empty <ul>, so need to start by inserting top-level <li>):

Code:
  <li>camera
        <ul>
            <li>price: $890.00</li>
            <li>brand: Nikon</li>
            <li>model: D700</li>
        </ul>
    </li>
    <li>laptop
        <ul>
            <li>price: $980.00</li>
            <li>brand: Toshiba</li>
            <li>model: L989</li>
        </ul>
    </li>
   etc.....

for some reason, this code

Code:
$.each(prod, function(propKey,propVal) {
	
	$('ul#prodsAll').append('<li>' + propKey + ':<ul>');
	
		$.each(propVal, function(propKey2,propVal2) {
			$('#prodsAll').append('<li>' + propKey2 + ': ' + propVal2  + '</li>');
		});
		$('#prodsAll ul').append('</ul></li>');
	});
});
is generating this:

Code:
<ul id="prodsAll">
	<li>
	camera:
	<ul></ul>
	</li>
	<li>price: $890.00</li>
	<li>brand: Nikon</li>
	<li>model: D700</li>
	<li>...</li>
	<li>...</li>
	<li>...</li>
</ul>

would appreciate suggestions... thank you...