title: Google Maps InfoBox enableEventPropagation
body: <p>I am using the InfoBox plugin to create custom interactive info-windows in google maps. From these infowindows users can scroll through a list and click on an image to invoke some script. Everything works, the issue is when enableEventPropagation is enabled I can click through the infobox to other markers which causes another infobox to pop up. </p>
  
  <p>does anyone have experience solving this problem? </p>
  
  <pre><code>InfoWindow = new InfoBox({
                              content: document.getElementById("infobox-wrapper"),
                              disableAutoPan: true,
                              enableEventPropagation: true,
                              zIndex: null,
                              pixelOffset: new google.maps.Size(-300, -0),
                              closeBoxURL: '../assets/images/info-close.png',
                              boxStyle: {
                                  color: 'white',
                                  background: '#101010',
                                  width: "600px",
                                  height: "400px"
                              },
                              infoBoxClearance: new google.maps.Size(1, 1)
                          });
  </code></pre>
  
  <p>Removing infobox</p>
  
  <pre><code>function removeInfoWindow() {
      $('.infoBox').remove()
  }
  </code></pre>
  
  <p>Javascript invoked when image within infobox is clicked, only works when enableEventPropagation is set to true</p>
  
  <pre><code>$(document.body).on('touchstart', '.infoBox img', function () {
      if ($(this).attr('val') == 'off') {
          //turn on
          $(this).attr('val', 'on');
          $(this).attr('src', '../assets/images/check.png');
      } else {
          //turn off
          $(this).attr('val', 'off');
          $(this).attr('src', '../assets/images/uncheck.png');
      }
  });
  </code></pre>