Need assistance with window.onload and IE - php

Question

I currently have a table of email templates. The user is able to click the template, and populate the email template field pending on the td that gets clicked. I have a JS script that works fine in FF, but not in IE.
The following is JUST pseudocode of my php for timesake.
$somevar = mysql_query("...");
while (($anothervar = mysql_fetch_assoc($somevar))) {
echo '<tr><td class="test">'.$email['email_name'].'</td><tr>';
}
Here is the current JS I have that only works in FF.
function getName(e) {
$('input[name="Clear Button"]').click(function () {
$('span').text('');
});
var cell = e.target;
cell = cell.innerHTML;
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("test").innerHTML = xmlhttp.responseText;
}
}
xmlhttp.open("GET", "/includes/adminPages/Update_Email.inc.php?selection_id=" + cell, true);
xmlhttp.send();
}
window.onload = function () {
var cells = document.getElementsByClassName("test");
for (var i = 0, len = cells.length; i < len; i++) {
cells[i].onclick = getName;
}
};
Just for the record, I did take a look at the following example, but that did not solve my problem.
window.onload = new function() { alert('hello');};

Answer 1

I see you're using jQuery, so maybe let's rewrite it
$(window).on('load', function() {
$('.test').on('click', function() {
var id = $(this).html();
$.get("/includes/adminPages/Update_Email.inc.php?selection_id=" + id, function(data) {
$('#test').html(data);
});
});
});