Evento de clic de JQuery de un elemento div en li no disparado en Safari móvil

Corregido: Finalmente genero elementos directamente en vez de ser renderizado por jQuery.

Actualizado2: Parece claro sobre el problema real. Hice un par de pruebas, sólo una disparó que insertar un enlace en ella. Pero no quiero ligar todo el elemento li sino un elemento div en un li.

• ¿Puede Selenium probar webapps móviles?
• Buscando una alternativa para iScroll (Scrolling Div's en iOS / Webkit)
• Creación de una versión móvil de un sitio web
• ¿Hay una manera de hacer un número de teléfono clicable en un teléfono de iphone o android para hacer una llamada en HTML?
• ¿Cómo puedo hacer que el navegador Android muestre mi documento al tamaño de la pantalla?

Actualizado: Hice algunas modificaciones sobre las posiciones de divs, que funciona en android ahora, pero Safari móvil incluso los elementos en la lista ul.

Lo siguiente funciona en Safari de escritorio y en Chrome, pero no en sus versiones para móviles. ¿Algunas ideas?

Js

$('#SubCategories > li .likeRibbon').live('click', function () { ...... }); 

Html:

 <ul id="SubCategories"> <li id="st2" > <div class="likeRibbon">Like?</div> </li> </ul> 

Css

 #SubCategories .likeRibbon { border-style: solid none solid none; border-width: 1px 0px 1px 0px; border-color: #565656; background-color: #565656; color: #333; text-shadow: 0 1px 0 #777, 0 -1px 0 black; line-height: 1; padding: 2px 0 5px 0; -moz-transform: rotate(-40deg); -ms-transform: rotate(-40deg); -o-transform: rotate(-40deg); -webkit-transform: rotate(-40deg); text-align: center; vertical-align: baseline; position: absolute; width: 100px; right: -35px; bottom: 5px; } 

 <ul id="SubCategories"> <li id="st2" > <div onclick="" class="likeRibbon">Like?</div> </li> </ul> 

 <script type="text/javascript"> $("#pageID").live('pageinit', function() { // do something here... }); </script> 

     * .classidentifier * {
       Cursor: puntero;
     }