<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('[href="#"]').click(function() {
$('#' + $(this).data('id')).load($(this).data('url'));
});
});
</script>
</head>
<body>
<form>
<input type = "text" name = "username">
<input type = "text" name = "passsword">
</form>
<div id = "content">
<p> it will be replaced </p>
</div>
<a href="#" data-url="hello.txt" data-id="content">click here</a>
</body>
</html>