data in jquery

<!DOCTYPE html>
<html>
<head>
<title></title>
<script src=”https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js”></script>
<style>
.nav{
background: lightgray;
width:150px;
height:400px;
position: absolute;
top:20px;
left:20px;
}

.content{
background: lightgray;
width:450px;
height:400px;
position: absolute;
top:20px;
left:200px;

}
</style>
</head>
<body>

<div class=”nav”></div>
<div class=”content”></div>
<script>

$ul = $(‘<ul>’).addClass(“menu”);
$nav = $(‘.nav’);
$nav.append($ul);

$content = $(‘.content’);
var vmenu= [“Home”,”Products”,”About”,”Contact”];
var vmenu_text =[“Bine ati venit”,”Produsele noastre”,”Despre noi”,”Aici puteti lua legatura cu noi”];

for(var i=0;i<vmenu.length;i++)
{

var $link = $(‘<a>’);
$link.attr(‘href’,’http://w3schools.com’).text(vmenu[i]);
$link.data(“indice”,i);
$link.on(“click”,function(e){

var indice = $(this).data(“indice”);
$content.html(vmenu_text[indice]);
e.preventDefault();
})

var $li = $(‘<li>’);
$li.html($link)
$ul.append($li);
}

</script>
</body>
</html>