for loop breaking out for some reason after array comparison
===

I have two arrays, and I'm comparing two values, and then setting a json object:

    var compare = ["hh", "pictures", "videos", "aboutMe", "contactMe", "cat", "location"];
    var data = ["pictures", "videos", "aboutMe", "contactMe", "cat", "location"];
        for (var j=0; j<compare.length; j++) {
                                if (compare[j] === data[j]) {
                                    self.MenuItems.menu_item[j].added = "added";
                                }
                                else if (compare[j] !== data[j]){
                                    self.MenuItems.menu_item[j].added = "";
                                }
                        }

for some reason, for all `self.MenuItems.menu_item[j]`, they all equal either "added" or "";...