HTML:

<div id="footer">
    <a class="button1 selected" id="button1" href="#"><div class="icon"></div><div class="text">Option 1</div></a>
    <a class="button2" id="button2" href="#"><div class="icon"></div><div class="text">Option 2</div></a>
    <a class="button3" id="button3" href="#"><div class="icon"></div><div class="text">Option 3</div></a>
    <a class="button4" id="button4" href="#"><div class="icon"></div><div class="text">Option 4</div></a>
</div>

JS:

$('#button1').click(function() {
    alert('button1');
});

$('#button2').click(function() {
    alert('button2');
});

Ahora, este script funciona perfectamente en mi navegador de PC, pero no funciona en iOS. He intentado esta solución también:$ (document) .click () no funciona correctamente en iPhone. jquery pero no funciona

Estoy usando jQuery 1.8.3, no jQuery Mobile (prefiero no hacerlo).

Alguien me puede ayudar con esto?