JavaScript string reversal

<!DOCTYPE HTML>

<HEAD>

<TITLE>List issues</TITLE>

<STYLE>
li {
    display: inline-block;
    background-color: #bada55;
    padding: 20px;
    margin: 5px;
}
</STYLE>

<script src="jquery-1.9.1.js" type="text/javascript"></script>

<script type="text/javascript">

// refer to either the UL element and then get its sub-elements, or find all elements named li
// iterate through their contents and
// call a function on each that reverses them
function reverseContents(itemToReverse) {
				var newString = "";
				for(var i = itemToReverse.length; i--; i >= 0)
					newString += itemToReverse.charAt(i);
				return newString;
			};

function initiateReverse() {
				var listNodes = $('li').get();
				for(var i = 0; i < listNodes.length; i++)
					listNodes[i].innerHTML = reverseContents(listNodes[i].innerHTML);
			};

</script>

</HEAD>

<BODY>

<ul id="myList">
    <li>Al</li>
    <li>Barb</li>
    <li>Chuck</li>
</ul>

<p><button onclick="initiateReverse()">Reverse the strings</button></p>

</BODY>
</HTML>