Contents of DIV tag after adding Jquery
<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>
