title: iPhone showing a blank infoWindow fro google maps
body: <p>The info window shows ok on desktop, and if I set an alert to show the content it will show the correct html code. However, on the iPhone it will just pop a blank info window (No text within it).</p>
  
  <p>Here is my code:</p>
  
  <pre><code>function showPOICategory(category) {
          // Icons { ID, Image }
          // Entry { Latitude, Longitude, Name, Description, iconID);
          $.getJSON('ajax/poi.php?key=' + jQGMSettings.apiKey + '&amp;c=' + category , function(data) {
              $.each(data.poi, function(key, val) {
                  // Set current position marker
                  var $image = new google.maps.MarkerImage('/images/pois/'+data.icons[val.image],
                      // This marker is 20 pixels wide by 32 pixels tall.
                      new google.maps.Size(32, 37),
                      // The origin for this image is 0,0.
                      new google.maps.Point(0,0),
                      // The anchor for this image is the base of the flagpole at 0,32.
                      new google.maps.Point(16, 37)
                  );
  
                  var $marker = new google.maps.Marker({
                      title: val.title,
                      icon: $image,
                      clickable: true,
                      draggable: false,
                      position: new google.maps.LatLng(val.latitude,  val.longitude), 
                      animation: google.maps.Animation.DROP,
                      map: map
                  });
  
                  // Info Window
                  if( val.info == null ) {
                      var $infowindow = new google.maps.InfoWindow({
                          content: '&lt;div&gt;&lt;h1&gt;' + val.title + '&lt;/h1&gt;Prueba&lt;/div&gt;'
                      });
                  } else {
                      var $infowindow = new google.maps.InfoWindow({
                          content: '&lt;div style="color:#000000;"&gt;&lt;h1 style="font-size:14px; font-family:Helvetica; padding:0px; margin:0px;"&gt;' + val.title + '&lt;/h1&gt;' + val.info + 'Prueba&lt;/div&gt;',
                          maxWidth: 200
                      });
                  }
  
                  var $listener = google.maps.event.addListener($marker, 'click', function() {
                      if( infoWindow != null ) {
                          infoWindow.close();
                      }
  
                      infoWindow = $infowindow;
                      infoWindow.open(map,$marker);
                  });
  
                  // Keep track of the marker to remove it ;)
                  pois.push({
                      marker: $marker,
                      listener: $listener
                  });
  
  
  
              });
  
          });
      }
  </code></pre>
  
  <p>Anyone had this problem before? I'm going nutts to find out where the problem could be located.</p>