title: Loading another page with jquery-Ajax
body: <p>I am loading another html page from an index page, then I would like to get an element from that loaded page, but the page seems not loaded yet since the element resulted to null, even if there is a function call back with in the ajax load function:</p>
  
  <pre><code>$(document).ready(function() {
  
  $('#btnEdit').click(function(){
  
  
      $('#contents').load("abcd.html",showNewcontents())
  
  
      function showNewcontents() {
  
          alert("" + document.getElementById("make").value);
      }
  
  return false;
  
  });
  </code></pre>
  
  <p>});</p>
  
  <p>in body:</p>
  
  <pre><code>&lt;body&gt;
  
  &lt;a href="click me" id="btnEdit" name="btnEdit"&gt;CLICK ME &lt;/a&gt;
  
  &lt;div id="contents"&gt;&lt;/div&gt;
  
  &lt;/body&gt;
  </code></pre>
  
  <p>in abcd.html:</p>
  
  <pre><code>&lt;div id="contents"&gt;
  
  
  &lt;form&gt; 
  
  &lt;input type="hidden" id="make" name="make" value="make"&gt;
  
  &lt;/form&gt;
  
  
  &lt;/div&gt;
  </code></pre>
  
  <p>Any clue as to how to modify this to get the element?</p>