title: Google Places Autocomplete with Jquery Mobile not working on mobile/touch device
body: <p>As title suggests I am building a mobile website with JQuery Mobile (1.3.0) and am trying to implement Google Places Autocomplete (API v3) to aid user input of location data.</p>
  
  <p>The autocomplete functions correctly on desktop device, but not when used on a mobile device (I have only tested on iOS 6).</p>
  
  <p>When used on mobile device the dropdown list of relevant locations do appear, but simply disappear when you press one without loading the selection on the map.</p>
  
  <p>I have looked around and seen some solutions that sight the z-index of </p>
  
  <blockquote>
    <p>.pac-container</p>
  </blockquote>
  
  <p>as the culprit (see: <a href="http://osdir.com/ml/google-maps-js-api-v3/2012-01/msg00823.html" rel="noreferrer">http://osdir.com/ml/google-maps-js-api-v3/2012-01/msg00823.html</a>).</p>
  
  <p>I have implemented these fixes but to no avail, and <strong>I am not convinced that z-index is the problem</strong> because I can see that the selected item does change to it's :hover state/colour when pressed on mobile.</p>
  
  <p>Please if anyone has suggestions I am all ears, need any more details let me know.</p>