title: How to load Google map link from Ajax request to a div
body: <p>I'm trying to load the google map in div by a ajax request therefore, I've tried below code.</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  $(document).ready(function() {
    $('a.lnk').click(function() {
      var url = $(this).attr('href');
      $('#content').load(url);
      return false;
    });
  });
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;h1&gt;Web page test.html&lt;/h1&gt;
  &lt;a href="https://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=6.9906664862927625,+80.74805527925491&amp;aq=&amp;sll=37.0625,-95.677068&amp;sspn=36.094886,86.572266&amp;vpsrc=0&amp;ie=UTF8&amp;t=m&amp;z=14&amp;ll=6.990666,80.748055&amp;output=embed" title="Get extern" class="lnk"&gt;Get extern&lt;/a&gt;
  &lt;div id="content"&gt;load here&lt;/div&gt;
  </code></pre>
  
  <p>This code does not load the map but instead google map url if I tried a external html file to load then it works. Could any please tell how load a google map in ajax request to a div.</p>