Pagecreate / change header

Dynamically replace header with a new one.

by Omar X

HTML

<div data-role='page'>
    <div data-role='content'>
<a href='#' data-role='button' id='test'>add header and footer</a>

    </div>
</div>

JavaScript

$('#test').on('click', function () {
    $('[data-role=content]').before('<div data-role=header><h1>new header</h1></div>');
    $('[data-role=content]').after('<div data-role=footer><h1>footer</h1></div>');
    $('[data-role=page]').trigger('pagecreate');
});