JQuery Mobile está llorando esta noche. Estoy tratando de crear controles personalizados para no repetir ciertos elementos a través de mi aplicación, y me está costando mucho. Específicamente, tengo lo siguiente en un archivo HTML:

<div id="custom-header" data-role="header" data-position="inline" data-theme="f">
    <a href="index.html" data-icon="back" style="margin-top:5px" data-theme="b">Back</a>
    <div style="text-align: center; padding-top: 5px; padding-bottom: 3px"><img src="../images/logo.png" ></div>
    <a href="index.html" data-icon="home" style="margin-top:5px" data-theme="b">Home</a>
</div>

En mi archivo principal estoy esencialmente haciendo:

<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script src="http://code.jquery.com/mobile/1.0rc2/jquery.mobile-1.0rc2.min.js"></script>        
<div data-role="page" id="test-console" data-theme="m">

    <div id="me-header"></div>

    <script>

        $.get('header.html', function (retData) {
            $('me-header').html(retData).trigger('create');
        });

     </script>

</div>

Así que aquí está el problema: el encabezado no se procesa igual que cuando pego el contenido de header.html directamente en mi página JQM. Casi parece que el disparador ('crear') no está haciendo nada.

¿Algunas ideas? He quemado unas tres horas y tutoriales comohttp: //jquerymobiledictionary.pl/faq.htm no parece estar aplicando ..