Не правильно отрабатывает скрипт

jQuery(document).ready(function(){
 
    var R = Raphael("mapPaper", 1338, 601);
    let attr = {
            stroke: "#74675C",
            "stroke-width": 1,
            fill: "#FC0",
            class: "path_svg",
        },
        i = 1,
        f = 1,
        area = {};
 
 
    var oAreas = $(".mapArea");
 
    $.each(oAreas, function(){
        area[i] = R.path($(this).attr("data-path")).attr(attr);
        area[i].node.setAttribute("data-id", $(this).attr("data-id"));
        area[i].node.setAttribute("data-street", $(this).attr("data-street"));
        area[i].node.setAttribute("data-status", $(this).attr("data-status"));
        if(area[i].node.dataset.status == 'Продано'){attr.fill = 'green'}
        i++;
    });
 
    for (var j=1; j<i; j++) {
 
        (function (o, j) {
 
            o[0].style.cursor = "pointer";
            o[0].onclick = function (e) {
                let house = $(this).data('id');
                let street = $(this).data('street');
                $.post('crud', {sample: house, street: street}, function(data){
                    $('.popup_info').html(data);
                });
                //var color = "#F00";
                //o.animate({fill: color}, 250);
                $('.popup').show("slow");
            };
            o[0].onmouseover = function () {
                //var color = "#FCE588";
               // o.animate({fill:color}, 250);
            };
            o[0].onmouseout = function (e) {
                //var color = "#FC0";
                //o.animate({fill: color}, 250);
            };
 
        })(area[j], j);
    }
 
    $('.close_popup').click(function () {
        $('.popup').fadeOut();
    })
});