jquery - div onclick - not working in iPhone

Question

i tried different ways.
I need onclick for a div with jquery in my mobile site. On clicking on the div it will send an ajax call.

$(document).ready(function() {
... ...... 

$('body').on('click','.selectableCard', function() {

    $.ajax({
                url : URL}).done(
                function(data) {    .....    ....   });
        });
...
....
        });

This is working fine in desktop browsers and in android emulator. But not working in iPode4 .

Div

<div class="resultsMainContainer selectableCard  ">

style

.selectableCard {
    pointer-events: auto !important;
}
.resultsMainContainer {
    background-color: #FFFFFF;
    border: 1px solid #D6D6D6;
    box-shadow: 3px 3px 5px 1px #CCCCCC;
    display: inline-block;
    margin-bottom: 15px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-top: 10px;
    width: 98%;
}

I tried as:

$('.selectableCard').click(
        function(){....

But it's not working in desktop itself. !

Any idea would be appreciated :)

Here is an updated jsFiddle: http://jsfiddle.net/smilyface/y7DX5/1/

Will work fine in desktop , but not working in iPod

Answer 1

On iphone you must use touchevent for exemple:

$('.selectableCard').on('click touchstart',function(){
//your code
});

Answer 2

Got it working.

I just put the entire onclick function (onclick selectableCard) inside the ajax. So that it will run each time when the ajax loads. Thus it can get the class/div specified inside the jQuery.

$.ajax({
            url : URL
            }).done(
            function(data) {

                container.html(data); //innerHTML part
                $('.selectableCard').click(function(){..call div came through above innerHTML..});
});