Style på et div tag

Hey.

2 problemer:

Jeg har x antal elementer (inputs og selects primært) indrammet i et div tag.

<div style="display:none;" id="HouseOnly>

elem 1
elem 2
...
elem x

</div>

Elementerne bliver stadig vist - det er meningen de ikke skal vises (på dette tidspunkt). Dette er problem 1.

Ved ændring af værdien på en select, skal div'en så vises.
Dette har jeg gjort således:

<select name="Husstand" onChange="HusstandValgt(document.HomeInsForm)">
  option 1
  option 2
  ...
</select>

i mit javascript har jeg så skrevet:

function HusstandValgt(form) {
  var husstand;
  husstand = form.elements['Husstand'].value;

  if (Husstand == 2)
    document.getElementById("HouseOnly").style.display = "auto";
  else
    document.getElementById("HouseOnly").style.display = "none";
}

Når jeg så trigger eventen sker der intet. Dette er problem 2.

Nogen forslag?