title: Google location autocomplete not working inside modal
body: <p>I'm using google autocomplete inside a modal. When I click the input field it display the results behind the modal. I didn't use any css. It work perfect outside the modal. But it is not working fine inside the modal. Please help me.</p>
  
  <p>HTML code</p>
  
  <pre><code>&lt;div class="form-group"&gt;
      &lt;p class="control-label1"&gt;City&lt;/p&gt;
      &lt;input type="text" id="locationTextField" placeholder="" name="city" class="form-control"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Javascript code</p>
  
  <pre><code>//Google Map
  function initialize() {
      var input = document.getElementById('locationTextField');
      var autocomplete = new google.maps.places.Autocomplete(input);
  }
  
  function validateCity() {
      searchfield = $('#locationTextField').val();
      if (searchfield == "" || searchfield == null) {
          return false;
      }
      else {
          $('#locationTextField').val('');
          return false;
      }
  }
  google.maps.event.addDomListener(window, 'load', initialize);
  </code></pre>