title: Can not get innerHTML from a jQuery Object
body: <p>I am using google map api.
  I wrote the code below.</p>
  
  <pre><code>&lt;div id="map"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>And I use the google chrome console to see the content of <code>$("div#map")</code>.</p>
  
  <pre><code>console.log($("div#map"));
  </code></pre>
  
  <p>The result is:</p>
  
  <pre><code>[
  &lt;div id=​"map" style=​"width:​ 1218.222222328186px;​ position:​ relative;​ background-color:​ rgb(229, 227, 223)​;​ overflow:​ hidden;​ -webkit-transform:​ translateZ(0)​;​ "&gt;​
  &lt;div style=​"position:​ absolute;​ left:​ 0px;​ top:​ 0px;​ overflow:​ hidden;​ width:​ 100%;​ height:​ 100%;​ z-index:​ 0;​ "&gt;​…​&lt;/div&gt;​
  &lt;/div&gt;​
  ]
  </code></pre>
  
  <p>How can I get the innerHTML :</p>
  
  <pre><code>&lt;div style=​"position:​ absolute;​ left:​ 0px;​ top:​ 0px;​ overflow:​ hidden;​ width:​ 100%;​ height:​ 100%;​ z-index:​ 0;​ "&gt;​…​&lt;/div&gt;​
  </code></pre>
  
  <p>I tried <code>$("div#map &gt; div")</code>, but there is nothing returned.
  Why? Is it because the innerHTML generated by Javascript?
  How can I get it and insert another div into the div above?</p>
  
  <p>Thank you very much.</p>