我想在JQuery中做一个基本的replaceWith操作，但它不起作用。
这是html。
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>
function changeCAT(){
$('#avg_scores').replaceWith('<div>Replacement Success!</div>');
};
$('#btn').click(changeCAT);
</script>
</head>
<body>
<input id = "btn" type = "button" value = "Change Div">
<div id = "avg_scores"> Original Div</div>
</body>
</html>
然而，当我按下按钮时，没有任何反应。我希望在最终产品中替换更重要的东西，但是我无法让这个简单的操作工作意味着我正在做一些根本错误的事情。