$('#home').click(function(){ openPage("home.html") } );
}

function openPage(page){
  $('#content').load(page);
  location.hash = page;
}

function addFooter(msg){
  $('#footer').html($('#footer').html() + "<p>FOOTER: " + msg + "</p>");

            <input type="hidden" name="secret" value="xxx">
            <input type="submit" name="Submit">
        </form>
    </div>
	<a href="#" onclick="addFooter('XXX')">Footer</a>
	<div id="footer">
	</div>
</body>

     */
    protected String getAdditionalData(final ResponseData responseData, final Document document) {
        return "";
    }

    /**
     * Returns the result data footer.
     * @return The result data footer.
     */
    protected String getResultDataFooter() {
        // TODO support other type
        return "</doc>";
    }

    /**
     * Trims space characters from the value.

     */
    protected String getAdditionalData(final ResponseData responseData, final Document document) {
        return "";
    }

    /**
     * Returns the footer for the result data.
     * @return The result data footer.
     */
    protected String getResultDataFooter() {
        // TODO support other type
        return "</doc>";
    }

    /**

<!--//////////////////// footer //////////////////////////-->
<table class="collapse" id="footer" align="center" width="500" style="width:500px;background-color:#ffffff;padding:0;margin:0;line-height:1px;font-size:1px;" cellpadding="0" cellspacing="0" border="0">
<tbody>
<tr>