Bind('pageinit') fails to call method
<p>I'm trying to bind a page initialize event from, afaik, jquerymobile, to a method so I can set my header, this is done, because later I wish to set it dynamically.
But my event doesn't even trigger :'-(
Any help would be appreciated.</p>

<pre><code>$('#mapmode').bind('pageinit', function(event) {
    initPageHeader();
});

function initPageHeader(){
    alert('oldhtml');
    var oldhtml=document.getElementById('header').innerHTML;
    document.getElementById('header').innerHTML="";
    var html = oldthml + '&lt;a href="#" data-rel="back" data-role="button" &gt;&lt;img'+
    ' align="middle"src="../images/back.png" alt="back" vspace="2"/&gt;&lt;/a&gt;&lt;h1&gt;'+
    '&lt;img align="middle"src="../images/main_header.png" alt="logo" vspace="2"/&gt;'+
    '&lt;/h1&gt;&lt;a href="#first" data-role="button" data-inline="true"&gt;'+
    '&lt;img align="middle"src="../images/home.png" '+
    'alt="picture to take you to the first page"/&gt;&lt;/a&gt;'
    document.getElementById('header').innerHTML=html;
}
</code></pre>
