NavListItem ID Property , Jquery Issue

I have .cshtml like below:

<div>
<ul>
@Html.NavListItem("Sample Text", "Action", "Controller", "Area", new { id="navid"})
</ul>
</div>

In Jquery :

$(document).ready(function () {

$("#navid").click(function (event) {

alert('Hello');

});

});


The above code is working in Internet Explorer , but in case for Chrome it is not working.

Have any idea why it is not working in chrome and how to make it work in chrome.