Javascript / JQuery“onclick”不起作用

Question

Why isn't this working? I can't figure it out.

In case it matters, the HTML was injected into a div using jQuery's .append() method.

Thanks!

$(document).ready( function() {
  $("#changeInfo").on("click", function() {
    $("#changeInfo").replaceWith('<div id=changeInfo"><div id="changeInfoTrue">Changing login information: </div>'); 
    $("#changeInfoTrue").append('<br><b>Username: <input type="text" name="newUsername" onkeypress = "checkLength()" id="newUsername" /><br> Password:&nbsp; <input type="password" name="newPassword" id="newPassword" onkeypress = "checkLength()" /></b>&nbsp;<input type="button" onclick="buttonPress();" value="Go!" id="goButton" /></div>'); 
  }); 
  function buttonPress() { 
    $("#changeInfo").replaceWith('Your login information has been reset.');
  }
}); 

Answer 1

Add Jquery Libery

Jquery Function

    $(document).ready( function() {
  $("#changeInfo").on("click", function() {
    $("#changeInfo").replaceWith('<div id=changeInfo"><div id="changeInfoTrue">Changing login information: </div>'); 
    $("#changeInfoTrue").append('<br><b>Username: <input type="text" name="newUsername" onkeypress = "checkLength()" id="newUsername" /><br> Password:&nbsp; <input type="password" name="newPassword" id="newPassword" onkeypress = "checkLength()" /></b>&nbsp;<input type="button" onclick="buttonPress();" value="Go!" id="goButton" /></div>'); 
  }); 
  function buttonPress() { 
    $("#changeInfo").replaceWith('Your login information has been reset.');
  }
}); 

HTML Code

<div class="" id="changeInfo">Click here</div

Demo Link : https://jsfiddle.net/tw79mvau/1/