var data =[
{
"id" : "1",
"name" : "100m"
},
{
"id" : "2",
"name" : "Long Jump"
},
{
"id" : "3",
"name" : "Shot Put"
},
{
"id" : "4",
"name" : "High Jump"
}
];
var $menu = $( '#navbarNav ul.navbar-nav' );
$.each( data, function(){
var url = this.url || '#';
$menu.append(
'<li class="nav-item">' +
'<a class="nav-link" href="' + url + '">' + ( this.name || this.id ) + '</a>' +
'</li>'
);
});
