problem to apped select to dynamic table

problem to apped select to dynamic table

Hello All,

i'm newer with jquery and i'm  a project and i have some  a problem to append a select objet in a table that mark the selected option 

the code that i try to use it is 

var index = 1;
$("#parentesconuevo").click( function(){
$('#table1').append('<tr><td></td><td></td><td></td><td></td><td></td><td></td><td><a href="#" class="delete">delete</a></td></tr>');
$('#table1 tr:last td:eq(0)').html(index);
$('#table1 tr:last td:eq(0)').html('<input type="text" name="nombre[]" id="nombre" class=" rounded5" value="' + $('#nombre').val() + '" />');
$('#table1 tr:last td:eq(1)').html('<input type="text" name="edad[]" id="edad" class="inputshortType rounded5" value="' + $('#edad').val() + '" />');
$('#table1 tr:last td:eq(2)').html('<select name="tipo" id="tipo" class="rounded5 inputLongType"><option value="'+ $('#tipo option:selected').val() +'">' + $('#tipo option:selected').text() + '</option><option value="0"> -- SELECCIONAR -- </option><option value="1"> Padre </option><option value="2"> madre </option></select>');
//$('#table1 tr:last td:eq(2)').html('<input type="text" name="tipo[]" id="tipo" class=" rounded5" value="' + $('#tipo option:selected').text() + '" />');
$('#table1 tr:last td:eq(3)').html('<input type="text" name="estado[]" id="estado" class="inputshortType rounded5" value="' + $('input[name=estado]:radio:checked').val() + '" />');
$('#table1 tr:last td:eq(4)').html('<input type="text" name="ocupacion[]" id="ocupacion" class=" rounded5" value="' + $('#ocupacion').val() + '" />');
$('#table1 tr:last td:eq(5)').html('<input type="text" name="profesion[]" id="profesion" class=" rounded5" value="' + $('#profesion').val() + '" />');
$('#nombre').focus().val('');
      $('#edad').val('');
      $('#tipo').val('');
      $('input[name=estado]:radio').attr("checked", false);
      $('#ocupacion').val('');
      $('#profesion').val('');
      $(this).val('');
index++;
   
});
$('#table1 td .delete').live('click', function() {

  $(this).parent().parent().remove();
});

the html code is 

<div id="avalTitleBlue">&nbsp;</div>
<div id="formAval">
<div id="formFieldSet3">
<div id="formFieldSet3Title" >Nombre Completo:</div>
<div id="formFieldSet3Input" ><input type="text" name="nombre" id="nombre" class="inputLongnameType rounded5"/></div>
</div>
<div id="formFieldSet2" >
<div id="formFieldSet2Title">Edad:</div>
<div id="formFieldSet2Input">
<input type="text" name="edad" value="<?=$_REQUEST["numregi"]?>" id="edad" class="rounded5 inputshortType"/>
</div>
</div>
</div>
<div id="formAval">
<div id="formFieldSet3" >
<div id="formFieldSet3Title">Parentesco:</div>
<div id="formFieldSet3Input">
<select name="tipo" id="tipo" class="rounded5 inputLongType" style="width:527px;"/>
<option value="0"> -- SELECCIONAR -- </option>
<option value="1"> Padre </option>
<option value="2"> madre </option>
<?
if(isset($_REQUEST["tipo"])){
  ?>
   <option value="<?=$_REQUEST["tipo"]?>" selected="selected"><?=$_REQUEST["tipo"]?></option>
  <? } ?>
</select>
</div>
</div>
<div id="formFieldSet2" >
<div id="formFieldSet2Title">Convive:</div>
<div id="formFieldSet2Input">
Si 
<input type="radio" name="estado" id="estado" value="si" class="rounded5"/>
No 
<input type="radio" name="estado" id="estado" value="no" class="rounded5"/>
</div>
</div>
</div>
<div id="formAval">
<div id="formFieldSet5" >
<div id="formFieldSet5Title">Ocupación:</div>
<div id="formFieldSet5Input" ><input type="text" name="ocupacion" id="ocupacion" class="inputLongType rounded5"/></div>
</div>
<div id="formFieldSet5" >
<div id="formFieldSet5Title">Profesion:</div>
<div id="formFieldSet5Input" ><input type="text" name="profesion" id="profesion" class="inputLongType rounded5"/></div>
</div>
<div id="formFieldSet2" >
<div id="formFieldSet2Input" >
<div id="formFieldSet5Title"></div>
<img id="parentesconuevo" src="images/btnContinuar.png" width="102px" height="40px" alt="Ingresar" style="cursor:pointer; margin-left: 20px; margin-top: -10px;"  onclick="javascript:;"/>
</div>
</div>
</div>
<table id="table1" class="atable" width=900px>
<tr>
<td>Nombre Completo</td>
 <td>Edad</td>
  <td>Parentesco</td>
   <td>Convive</td>
     <td>Profesion</td>
   <td>Ocupacion</td>
</tr>
</table>
<!--<table border="1" class="atable">
<tr><th colspan="2">Input your data</th>
<th><input type="button" value="Add Row" class="alternativeRow"/></th></tr>
<tr><td>Your Data</td><td><input type="text" size="25"/></td>
<td><img src="/images/cross.gif" class="delRow" border="0"></td></tr>
</table>-->
</div>

please could you tell me what is wrong