I cannot append a child element to a list
<p>I used to be able to append a child to a list dynamical but now for some reason the JavaScript functions stop working. Also the error console does not throw any errors and I have place several alert('') methods in between the code to make sure that the method is actually running. this is what I used to have and it used to work perfectly fine:</p>

<pre><code>var o = document.getElementById('searchResults');

var li = document.createElement('li'); //creates a list item tag

//if counter is even then highlight the cell different than an odd one
if ((counter) % 2 == 0) {
    li.setAttribute('class', 'par');
} else {
    li.setAttribute('class', 'non');
}

// I copied the inner html from a row that was displaying. I got rid of the dynamic variables
// just so it is a little easier to understand.
li.innerHTML = "&lt;label class='list3p1'&gt;testing&lt;/label&gt;&lt;label class='list3p2'&gt;testing2&lt;/label&gt;&lt;label class='list3p3'&gt;2:23&lt;/label&gt;";
o.appendChild(li);
</code></pre>

<p>this function was working but as I added other tables to index.php this functions stopped working. Moreover I have used this similar method in other pages. Also other methods are working and that is the only function that does not seem to work. </p>
