Javascript-форум - Скрипт обратной связи

Добрый день!
Я только начинаю программировать на JavaScript.
Сейчас пытался сделать форму обратной связи с обработчиком на той же странице. Когда я кликаю на кнопку у меня должен выходить див с id = "div", но этого не происходит.:(
Вот сам код:

<form action="form.php" method="post">
<p>Ваше имя: 
  <input type="text" name="name" id="name"  /></p>
<p>Электронная почта<font color="#FF0000">*</font>: 
  <input type="text" name="mail" id="mail"  /></p>
<p>Телефон: 
  <input type="text" name="phone" id="phone"  /></p>
<p>Нахождение объекта ( желательно  км от МКАД): 
  <input type="text" name="location" id="location"  /></p>
<p>Что Вы хотите построить?
  <select name="build" id="build">
    <option>Финская сауна</option>
    <option>Турецкая баня(хамам)</option>
    <option>Русская баня</option>
    <option>Инфракрасная сауна </option>
    <option>Деревянный дом </option>
    <option>Отделка помещения</option>
  </select></p>
  <p>Особые пожедания: 
  <input type="text" name="wish" id="wish"  /></p>
  <p>
  <input type="submit" value="Отправить"  name="bb" id="bb">
     </p>
  <p>Поля отмеченные звездочкой(<font color="#FF0000">*</font>), обязательны для заполнения.</p>
</form> 

<div id="div" name="div" style="visibility:hidden;"> Это работает! </div>

<script>
var i = "x";
document.getElementById('bb').onclick = function()
{i = "xxx";}
if ( i == "xxx") {document.getElementById('div').style.visibility = 'visible';}
</script>

Помогите, пожалуйста. Заранее благодарен.