I'm trying to make a custom infowindow. Version = 2. I have added my DIV to the map as follows -

$("#infoWindowClass").appendTo(map.getPane(G_MAP_MARKER_MOUSE_TARGET_PANE));

The infoWindowClass is -

#infoWindowClass
{
position:absolute;
padding:10px;
height: 155px;
width: 225px;
background-color: #E7F8CD;
color: #3F3F3F;
border:0.5px solid #8D8D8D;
font-size:80%;
}

Per documentation, this is above all other DIV layers.

This DIV has two input fields, however I can't click on any of them.
I manually added the z-index to 990 for this DIV but the input fields are still not clickable.

Any pointers ?