$(document).ready(function(){
    var box = document.getElementsByTagName('a-box');

    var changeColor = function() {
        this.setAttribute('color', 'green');
    };
    var returnColor = function() {
        this.setAttribute('color', '#4CC3D9');  
    };

    for (var i = 0; i < box.length; i++) {
        box[i].addEventListener('mouseenter', changeColor, false);
        box[i].addEventListener('mouseleave', returnColor, false);
    }
});
@@ -23,24 +23,26 @@
 tion()%7B%0A    
+/*
 var box = do
@@ -441,12 +441,223 @@
 );%0A    %7D
+*/%0A%0A%0A    $( %22a-box%22 ).hover(%0A        function()%7B%0A            $(this).setAttribute('color', 'green');%0A        %7D,%0A        function()%7B%0A            this.setAttribute('color', '#4CC3D9');            %0A        %7D%0A    );
 %0A%7D);

Use hover method to increase code readability