JQuery: Dynamic menu

HTML

<ul id="menu"></ul>

CSS

a[href$='.html'] { color: green; }

JavaScript

var data = [{
    "menu":[
        {
            "MenuName":"Home",
            "URL":"help.html"
        },
        {
            "MenuName":"Test1",
            "URL":"help.html"
        },     
    ]
}
];
var doc = document.location.pathname;
for(var i = 0, j = data[0].menu.length; i<j; i++) {
    var root_menu = data[0].menu[i];
       $("#menu").append("<li><a href='"+root_menu.URL+"'>" + root_menu.MenuName + "</a></li>");     
     //var document.location.pathname
}