how to get multiple HTTP responses on same page?

how to get multiple HTTP responses on same page?

I'm trying to figure out how to get two HTTP responses showing on the same
html page. I can only seem to get the one, and the second one i can only
get to return "Please wait".
html
<script type="text/javascript" src="ajax.js"></script> // in head
<div class ="poll-container">
<div class ="my-poll">
<div id="text"></div>
<SCRIPT LANGUAGE="JavaScript">
getpoll('1377511990', 'text');
</SCRIPT>
</div>
<div class ="my-poll">
<div id="text2"></div>
<SCRIPT LANGUAGE="JavaScript">
getpoll('1377513905', 'text2');
</SCRIPT>
</div>
</div>
ajax script
function createRequestObject() {
var req;
if(window.XMLHttpRequest){
req = new XMLHttpRequest();
} else if(window.ActiveXObject) {
req = new ActiveXObject("Microsoft.XMLHTTP");
} else {
alert('Problem creating the XMLHttpRequest object');
}
return req;
}
var http = createRequestObject();
function getpoll(pid, elementID) {
var xmlhttp = http;
xmlhttp.open('post', 'fetch.php?action=showpoll&id='+pid);
document.getElementById(elementID).innerHTML = "Please wait";
xmlhttp.onreadystatechange = handleResponse;
xmlhttp.send(null);
}
function begen(j){
window.self.document.getElementById("option").value=j;
}
function fetch(pid){
var xmlhttp = http;
var op=encodeURI(document.getElementById("option").value);
xmlhttp.open('post', 'fetch.php?action=post_result&id='+pid+'&option='+op);
xmlhttp.onreadystatechange = handleResponse;
xmlhttp.send(null);
}
function result(pid){
var xmlhttp = http;
xmlhttp.open('post', 'fetch.php?action=see_result&id='+pid);
xmlhttp.onreadystatechange = handleResponse;
xmlhttp.send(null);
}
function handleResponse() {
var xmlhttp = http;
if(xmlhttp.readyState == 4 && xmlhttp.status == 200){
var response = xmlhttp.responseText;
if(response) {
document.getElementById("text").innerHTML = response;
}
}
}