title: jquery - div onclick - not working in iPhone
body: <p>i tried different ways. <br>
  I need <strong>onclick for a div with jquery in my mobile site. On clicking on the div it will send an ajax call.</strong></p>
  
  <pre><code>$(document).ready(function() {
  ... ...... 
  </code></pre>
  
  <blockquote>
    <p><strong>$('body').on('click','.selectableCard', function() {</strong></p>
  </blockquote>
  
  <pre><code>    $.ajax({
                  url : URL}).done(
                  function(data) {    .....    ....   });
          });
  ...
  ....
          });
  </code></pre>
  
  <p>This is working fine in desktop browsers and in android emulator. <strong>But not working in iPode4</strong>.</p>
  
  <p><strong>Div</strong></p>
  
  <pre><code>&lt;div class="resultsMainContainer selectableCard  "&gt;
  </code></pre>
  
  <p>style</p>
  
  <pre><code>.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%;
  }
  </code></pre>
  
  <p>I tried as:</p>
  
  <pre><code>$('.selectableCard').click(
          function(){....
  </code></pre>
  
  <p>But it's not working in desktop itself. !<br>
  <br>
  Any idea would be appreciated :)
  <br></p>
  
  <p>Here is an updated jsFiddle:
  <a href="http://jsfiddle.net/smilyface/y7DX5/1/" rel="nofollow">http://jsfiddle.net/smilyface/y7DX5/1/</a></p>
  
  <p><strong>Will work fine in desktop , but not working in iPod</strong></p>