title: load innerHtml of ajax loaded div
body: <p>I have a div which get's its content loaded through ajax .load("ajaxcontent.php").</p>
  
  <p>Inside this div, we produce many other divs. I want to get the content of one of these divs.</p>
  
  <p>I've tried var insidecontent=$('#topdiv').html(); but it returns null.</p>
  
  <p>is there a trick to getting such values?</p>
  
  <p>index.html </p>
  
  <pre><code>&lt;div id="news"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>ajaxcontent.php</p>
  
  <pre><code>&lt;div id="topdiv"&gt;Hello World&lt;/div&gt;
  &lt;div id="middiv"&gt;This is the mid div&lt;/div&gt;
  &lt;div id="botdiv"&gt;This is the bottom&lt;/div&gt;
  </code></pre>
  
  <p>javascript:</p>
  
  <pre><code>$("#news").load("ajaxcontent.php");
  
  $(document).delegate("#total", "keyup", function (e) {
          if(e.which!=13){
              var insidecontent=$('#topdiv').html();
          }
      });
  </code></pre>