Passing links to the anchor using jquery

var tab1Links=["home.html", "abt.html", "services.html", "contact.html"]
$(document).ready(function(){
    $(".hovfn li").hover(function(){
    $(this).addClass("hovr");
}, function(){
    $(this).removeClass("hovr")
    });
    $(".hovfn a").each(function(x) {
    $(".hovfn a:eq("+x+")").attr("href",tab1Links[x] );
});
    var i=1;
   
$("li").each(function(i){
    i++;
    $(this).prepend(i+")"+"     ");
});
    });
<ul class="hovfn">
<li class=""><a href="#">home</a></li>
<li class=""><a href="#">about us</a></li>
<li class=""><a href="#">services</a></li>
<li class=""><a href="#">contact</a></li>
</ul>