Abertura de DIV ao enviar formulário

Abertura de DIV ao enviar formulário

by Angelo Rogério Rubin

HTML

<div id="dialog" title="basic dialog">
<p>Conteúdo aqui</p>
</div>

<table width="584" border="0">
    <tr>
      <td width="170" height="21"><span class="style1">Nome:</span></td>
      <td width="404"><span class="style1">
        <input name="nome" type="text" id="nome" size="30" />
      </span></td>
    </tr>
        <tr>
      <td height="21"><span class="style1">Idade:</span></td>
      <td><select name="idade" id="idade">
        <option>18</option>
        <option>19</option>
        <option>20</option>
        <option>21</option>
        <option>22</option>
        <option>23</option>
        <option>24</option>
        <option>25</option>
        <option>26</option>
        <option>27</option>
        <option>28</option>
        <option>29</option>
        <option>30</option>
        <option>31</option>
        <option>32</option>
        <option>33</option>
        <option>34</option>
        <option>35</option>
        <option>36</option>
        <option>37</option>
        <option>38</option>
        <option>39</option>
        <option>40</option>
        <option>41</option>
        <option>42</option>
        <option>43</option>
        <option>44</option>
        <option>45</option>
        <option>46</option>
        <option>47</option>
        <option>48</option>
        <option>49</option>
        <option>50</option>
      </select></td>
    </tr>
        <tr>
      <td height="21"><span class="style1">Telefone de Contato:</span></td>
      <td><span class="style1">
        <input name="fone" type="text" id="fone" size="12" />
      </span><span class="style2">      Insira com o DDD(ex: 61 xxxx-xxxx)</span></td>
    </tr>
    <tr>
      <td height="21"><span class="style1">Altura:</span></td>
      <td><span class="style1">
        <input name="altura" type="text" id="altura" size="10" />
      </span></td>
    </tr>
    <tr>
      <td height="21"><span class="style1">Peso:</span></td>
      <td><span class="style1">
        <input name="peso"...

JavaScript

$('#dialog').hide();
$('#enviar').on('click',function(){
     $( "#dialog" ).dialog();
})