[JavaScript]listy select zeleżne od siebie Opcje

[Krismen]

Witam, próbuje stworzyć dwie listy rozwijalne zależne od siebie. Problem w tym że kiedy wybiorę markę w pierwszej liście w drugiej nie pokazują mi się wszystkie modele tylko ostatni z wybranej tablicy. Problem chyba tkwi w tym że użyłem funkcji html, która przy każdym przejściu przez pętle zastępuje mi daną wartość i zostaje tylko ostatnia. Zamiast html próbowałem też użyć funkcji append ale wtedy opcje na liście się powtarzają. Czy ktoś mi może doradzić jak to zrobić ?

[JAVASCRIPT] pobierz, plaintext 
 
<script type="text/javascript" src="js/jquery.js"> </script>
<script type="text/javascript">
 
var tables=new Array();
 
tables['fiat']=new Array();
tables['opel']=new Array();
 
tables['opel'][0]=('corsa');
tables['opel'][1]=('astra');
tables['opel'][2]=('vectra');
 
tables['fiat'][0]=('multipla');
tables['fiat'][1]=('brava');
 
for(index in tables)
{
	$('#marka').append('<option>' +[index] +'</option>');
}
 
$('#marka').change(function(){
 
	var wybrana_marka=$('#marka').val();
 
	for(i=0; i<tables[wybrana_marka].length; i++)
	{
		$('#model').html('<option>' +tables[wybrana_marka][i] +'</option>');
	}
})
 
</script>
 
[JAVASCRIPT] pobierz, plaintext 

Dodaje link do strony:

link

Będę wdzięczny za pomoc.