Get data from MYSQL, XML, populate form

Get data from MYSQL, XML, populate form

Hello! My first post!

I need help here... I want to make it possible to show and update a mysql table using PHP, JQUERY and XML...

Here is what I did.

The php code to get the data and build the xml table:
$query = "SELECT id_recados,id_grupo,dia_recado,recado,autores FROM wp_recados_recados";
$result = mysql_query($query);
$xml = "";
while($array = mysql_fetch_array($result)) {
   $idrecado = $array['id_recado'];
   $idgrupo = $array['id_grupo'];
   $diarecado = $array['dia_recado'];
   $texto = $array['recado'];
   $autores = $array['autores'];-

   $xml .= "<recado>";
   $xml .= "<idrecado>$idrecado</idrecado>";
   $xml .= "<idgrupo>$idgrupo</idgrupo>";
   $xml .= "<diarecado>$diarecado</diarecado>";
   $xml .= "<texto>$texto</texto>";
   $xml .= "<autores>$autores</autores>";
   $xml .= "</recado>";   
}


   echo "<?xml version=\"1.0\" encoding=\"UTF-8\" standalone=\"yes\"?>";
   echo "<recados>";
   echo $xml;
   echo "</recados>";


Here is the JQUERY js file
$(document).ready(function() {
   
$("#addrecado").click(function(){
   var data = "";
   var gruposite = document.getElementById("city").value;
   var datasite = document.getElementById("town").value;
   
   
   $.get("funcoes.php", function(theXML){
      $('recado',theXML).each(function(i){
   
         var idrecado = $(this).find("idrecado").text();
         var idgrupo = $(this).find("idgrupo").text();
         var diarecado = $(this).find("diarecado").text();
         var texto = $(this).find("texto").text();
         var autores = $(this).find("autores").text();
         
         if (idgrupo = gruposite){
         $("#recado2").value(texto);
         $("#autores").value(autores);
         }
         else {
         data = data + idgrupo + " " + idrecado + " " + autores + "<br>";
         
         }
         
   
   
      }); // fecha função XML
      $("#container").html(data);
   }); // fecha função get
}); // fecha função do botão addrecado


And finally the HTML code:
<body>
<p>
 
<br>
<br>
 
  <select id="city" onchange="getTown(this.value, {'content_type': 'json', 'target': 'town', 'preloader': 'prl'})"> 
    <option value="999">Escolha um Ônibus</option> 
    <?PHP 
    $rs = mysql_query("SELECT * FROM wp_recados_grupos");   
    while ($row = mysql_fetch_array($rs)) {   
        echo "<option value=".$row['id_grupo'].">".$row['nome_grupo']."</option>";   
    }   
    ?> 
  </select>   
  <select id="town"> 
    <option value="">Escolha o Dia</option> 
  </select>
  <input type="submit" name="addrecado" id="addrecado" value="Busca os dados!">
</p>
<p><img id="prl" src="../design/spinner.gif" style="visibility:hidden;"></p>
<p>&nbsp;</p><div id="adiciona_recado"><form method="post" name="form">
  <p>Adicionar/ Modificar Recado do grupo (GRUPO) para o dia (DIA)</p>
  <p>
    <label>Recado<br>
<textarea name="recado" id="recado2" cols="45" rows="5"></textarea>
    </label>
  </p>
  <p>
    <label>Nome dos passageiros
      <br>
      <input type="text" name="autores" id="autores">
    </label>
  </p>
<div >
  <input type="submit" value="Submit" class="submit"/>
  <span class="error" style="display:none"> Please Enter Valid Data</span>
  <span class="success" style="display:none"> Registration Successfully</span>
</div></form>
<div id="container"></div>
</div></p>
</body>


It just doesn't work =(... what am I doing wrong???