<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Title Here</title>
<style>
#AjaxResponse.span-hide #myid {
display: none;
}
</style>
</head>
<body>
<table width="100%" cellspacing="0" cellpadding="0" align="center">
<tr>
<td>
<div id="AjaxResponse">
Bla-Bla
<span id="myid">
<input type="text" name="input1">
</span>
<input type="button" name="button1" value="Send" onclick="SendAjax()">
</div>
<script type="text/javascript">
(function() {
document.getElementById("AjaxResponse").className = "span-hide";
})();
function SendAjax() {
document.getElementById("AjaxResponse").innerHTML = 'Bla-Bla2 <span id="myid"><input type="text" name="input1"></span><input type="button" name="button1" value="Send" onclick="SendAjax()">';
return false;
}
</script>
</td>
</tr>
</table>
</body>
</html>