title: Contents of DIV tag after adding Jquery
body: <p>When i see page source i cant see contents of div tag added by Jquery.</p>
  
  <p><strong>Here is the Code</strong></p>
  
  <pre><code>&lt;input type="button" id="add"&gt;
  &lt;div id="parent"&gt;
  
  ... 
  ...
  
  &lt;/div&gt;
  </code></pre>
  
  <p>Here button id is clicked , some contents are fetched from myurl , then contents appended to the div [parent] , contents displayed on html page , but not displayed when i see page source .</p>
  
  <pre><code>&lt;script&gt;
  $('#add').click(function() {    
  
      $.ajax({
              url : 'myurl'
  
              success: function(data) {
  
               $("#parent").append(data);
  
              }       
            });
      return false; 
  });
  &lt;/script&gt;
  </code></pre>
  
  <p><strong>UPDATE</strong></p>
  
  <p>Following is the sample data comes from url, it is placed in div named parent.</p>
  
  <pre><code>&lt;div id="dynamic1"&gt;
        &lt;a herf="#" id="makeithide"&gt;
  
  &lt;/div&gt;
  &lt;script&gt;
       $('#makeithide').click(function() {
       $('#dynamic1').hide("slow");
       });
  &lt;/script&gt;
  </code></pre>
  
  <p>I want to hide div dynamic at click event of link makeithide. 
  How can i do this ?</p>