title: Jquery date picker not working with Google Map InfoWindow
body: <p>Jquery ui datepicker is working outside the map but in the map the jquery ui datepicker not working.</p>
  
  <p>Any Idea what could be wrong?</p>
  
  <p>Code: </p>
  
  <pre><code>var html = "&lt;table width='250px' height='300px'&gt;" +
                   "...." +
                   "&lt;tr&gt;&lt;td&gt;Url:...." +
                   "&lt;tr&gt;&lt;td&gt;Date:&lt;/td&gt; &lt;td&gt;&lt;input type='text' id='datepicker'/&gt; &lt;/td&gt; &lt;/tr&gt;" +               
                   "&lt;tr&gt;&lt;td&gt;&lt;/td&gt;&lt;td&gt;&lt;input type='button' value='Save &amp; Close' onclick='saveData()'/&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;";
  
      infowindow = new google.maps.InfoWindow({
       content: html
      });
  </code></pre>
  
  <p>I can save all the form information from the map. But the datepicker is not working inside the map.</p>
  
  <p>And the event listener i am using:<br></p>
  
  <pre><code>google.maps.event.addListener(map, "click", function(event) {
      marker = new google.maps.Marker({
        position: event.latLng,
        map: map
      }); 
      google.maps.event.addListener(marker, "click", function() {
          $( "#datepicker" ).datepicker();
        infowindow.open(map, marker);
      });
  });
  </code></pre>
  
  <p>Anyone have any idea?</p>
  
  <p>image: <a href="http://postimg.org/image/oe40y960z/" rel="nofollow">http://postimg.org/image/oe40y960z/</a></p>