How to give list with href links using $("").html() in jquery

How to give list with href links using $("").html() in jquery

<!DOCTYPE html>
<html>
<head>
<script>
$(document).ready(function(){
  
  $("#btn").click(function(){
    $("#test").html("<ol><li><a href="">Hello</a></li><li><a href=""> world!</a></li></ol>"); 
  });
  
});
</script>
</head>
<body>

<button id="btn">Set HTML</button>
<p id="test">transforming to a list.</p>

</body>
</html>


It doesn't give any response after executing this code