title: apply jquery on html loaded from load function
body: <p>How to pass the returned value (data.url) from ajax post to the element in the new html loaded via ajax ?</p>
  
  <pre><code> $("#askques").on("submit", function(event) {
               event.preventDefault();               
               $.ajax({
               type: 'POST',
               url: 'post.php',
               data: $(this).serialize(),       
               dataType: 'json',
               error : function(){ alert("error");},
               success : function(data){ alert(data.url); },
               complete : function(){ $( "#askcon" ).load( "form.htm", function() {});} 
         });
      });
  </code></pre>
  
  <p>Form.html:</p>
  
  <pre><code>&lt;table align="center" cellspacing="5" cellpadding="5" border="0" class=""&gt;
  
  &lt;tr&gt;
  &lt;td&gt;
  &lt;p id="res"&gt;&lt;/p&gt;
  &lt;/td&gt;
  &lt;/tr&gt;
  
  &lt;/table&gt;
  </code></pre>
  
  <p></p> which is in the new loaded html should show the data.url value of ajax post data ?</p>