test1.html

<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>