Botones de temas personalizados de JQuery Mobile

Acabo de comenzar a usar un tema personalizado móvil jquery en lugar de uno de los valores predeterminados. Muchos problemas ... pero el actual es que los botones creados dinámicamente no funcionan como se esperaba.

Tengo un html dinámico que estoy inyectando a través de $ ("# container"). Append (...)

            <div>
                <a class="view-it" data-role="button" href="">View</a>
            </div>

Porque es dinámico, necesito hacer

$ ("* [data-role = 'button']"). button ();

para que se inicialice.

Aunque mi botón ahora parece un botón, el ancla en su lugar todavía parece un hipervínculo y el evento de clic solo se activa al hacer clic en el hipervínculo dentro del botón, no en otras áreas del botón en sí.

¿Algunas ideas?

Actualizar:

Si uso un div como tal en lugar de un ancla

            <div class="view-it" data-role="button">
                View 
            </div>

Ahora se muestra correctamente, pero aún no responde a los clics en toda la superficie del botón ... solo alrededor del texto (+ un pequeño margen)

Respuestas a la pregunta(1)

Su respuesta a la pregunta