[Resolvido] Limitação do innerHTML?

Srs,

Estou com um probleminha e preciso da orientação dos senhores,

Segue:

HTML (Camada de Visão - VIEW)

<h1>Escola sua atividade</h1>
<select name="atividade" onchange="escolher(this.value)">
 <option value="atividade1">Atividade 1</option>
 <option value="atividade2">Atividade 2</option>
 <option value="atividade3">Atividade 3</option>
 <option value="atividade4">Atividade 4</option>
 <option value="atividade5">Atividade 5</option>
</select>
<br>
<div id="atividade">
</div>

Ajax:

function escolher(atividade) {
 requestObject = getRequestObject();
 if (requestObject) {
 var url="consulta.php?atividade="+ atividade;
 requestObject.onreadystatechange = requestObjectStateChanged;
 requestObject.open("GET", url, true);
 requestObject.send(null);
 } else {
 alert('Seu navegador não tem suporte para essa tecnologia.');
 }
}

PHP:

<?php
$atividade = $_GET['atividade'];
echo $atividade;
?>

O código assima funciona beleza, mas não consigo formatar a saída HTML na VIEW.

Gostaria que o código funcionasse mais ou menos assim:

PHP:

<?php
$atividade = $_GET['atividade'];
return $atividade;
?>

Ex.:

<div id="atividade">

<h1><?php ?></h1> // Assim consigo formatar do jeito que eu quiser.

</div>

Nas diversas tentativas que fiz, parece que se tratar de alguma limitação do document.getElementById('').innerHTML

Alguém tem alguma idéia?