Mostrar registros de una base de datos en diferentes objetos HTML con PHP y Ajax

[Andreselah]

Hola amigos del foro .. necesito ayuda urgente me he quebrado la cabeza con un código y no logro darle solución...

explico ...

estoy creando un libro que muestra su contenido almacenado en una base de datos en mysql, este contiene un menú el cual llama, al hacer clic en sus botones enumerados con un "value" el mismo que es igual al campo ID de mi base , a los registros de dicha base y se muestran en un TEXTAREA sin problema ..... ahora lo que deseo y no logro es que dichos registros no solo se muestren en el un textarea sino en tres es decir que el capo capitulo me muestre en uno que el campo libro en otro y que el campo contenido en otro .... en Ajax estoy utilizando para validar el value una variable con el método GET ..... adjunto el código para su análisis espero recibir su ayuda gracias .....



Ajax

Código:

<script type="text/javascript">
			function muestrabiblia(str){

				var xmlhttp; 
				if (str=="")
				  {
				  document.getElementById("txtHint").innerHTML="";
				  return;
				  }
			  if (window.XMLHttpRequest)
				  {// code for IE7+, Firefox, Chrome, Opera, Safari
				  xmlhttp=new XMLHttpRequest();
				  }
				else
				  {// code for IE6, IE5
				  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
				  }
				xmlhttp.onreadystatechange=function()
				  {
				  if (xmlhttp.readyState==4 && xmlhttp.status==200)
					 {
					 document.getElementById("Libro").innerHTML=xmlhttp.responseText;
					 
					 }
				  }
			  xmlhttp.open("GET","db.php?c="+str,true);
			  
				xmlhttp.send();
			 <!--//--> 
			}
		</script>

HTML

Código HTML:

<ul>
<li class="mano" value="1" onClick="muestralibro(this.value)">Cap. 1</li>
                                            <li class="mano" value="2" onClick="muestralibro(this.value)">Cap. 2</li>
                                            <li class="mano" value="3" onClick="muestralibro(this.value)">Cap. 3</li>
                                            <li class="mano" value="4" onClick="muestralibro(this.value)">Cap. 4</li>
                                       </ul></li>
<div><textarea class="form-control" rows="20" id="Contenido" readonly></textarea></div>
<div><textarea class="form-control" rows="2" id="Libro" readonly></textarea></div> <!--Aquí quiero que se visualice solo lo del campo libro-->
<div><textarea class="form-control" rows="2" id="Capitulo" readonly></textarea></div><!--Aquí quiero que se visualice solo lo del campo Capitulo--> 

PHP

Código PHP:

  <?php 
echo $_GET['c']; 
 
        $host = "localhost"; 
        $user = "root"; 
        $dw = ""; 
        $db= "miLIbro"; 
        $con = mysql_connect ($host,$user,$dw) or die ("No se pudo establecer conexion"); 
        mysql_select_db ($db,$con)or die ("No se encontro la base de datos"); 
        $query ="SELECT * FROM Libro "; 
        mysql_set_charset('utf8'); 
        $resultado = mysql_query ($query); 
         
         
        while ($fila = mysql_fetch_array($resultado)){ 
             
                            if($fila['Id'] == $_GET['c']){ 
                                echo ' - '; 
                                 
                                echo ' - '; 
                                echo $fila['Contenido']; 
                                 
                         
                            } 
                        } 
       
         
?>   

Nota que código debo aumentar o cambiar para lograr lo que les explico?????