title: Can't add Google Maps DOM listener to element created using jQuery
body: <p>I have the following script that creates a div, adds a Google Maps DOM listener, and appends it to another div to another div using JavaScript's built-in DOM manipulation methods:</p>
  
  <pre><code>var div = document.createElement('div');
  var html = '&lt;b&gt;' + string_of_text + '&lt;/b&gt;';
  div.innerHTML = html;
  google.maps.event.addDomListener(div, 'click', function() {
      google.maps.event.trigger(marker, 'click');
  });
  document.getElementById('sidebar').appendChild(div);
  </code></pre>
  
  <p>So far, so good. When the page loads, the marker's click event is triggered by clicking the div.</p>
  
  <p>However, when I try to accomplish the same thing with the following jQuery code the div is appended and everything loads, but no clicked event is triggered when clicking the div:</p>
  
  <pre><code>var div = $("&lt;div&gt;&lt;b&gt;"+string_of_text+"&lt;/b&gt;&lt;/div&gt;");
  google.maps.event.addDomListener(div, 'click', function() {
      google.maps.event.trigger(marker, 'click');
  });
  $("#sidebar").append(div);
  </code></pre>
  
  <p>Is there a way to use jQuery to create a DOM element and give it a Google Maps DOM listener?</p>