Return value from $.Ajax call is not shown in the page source
<p>Can someone tell me why the return value from $.Ajax call is not shown in the page source
I am new to jQuery.  I am simply return a string from $.ajax function and displaying that string value as HTML for a  tag or <p> tag.</p>

<p>Here is my jquery code
..................................................</p>

<pre><code>$(document).ready(function() {
$.ajax({
    type: "POST",
    url: "AdvService.asmx/GetValuesTesting",
    data: "{}",
    context: document.body,
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    success: OnSuccess,
    error: OnError
});
   function OnSuccess(data, status) {

   alert(data.d);
    $('#dataInTag').html(data.d);
}
function OnError(request, status, error) {
    alert(request.status);
}
    });
</code></pre>

<p>*<strong><em>html section</em></strong></p>

<pre><code>&lt;pre&gt;
    &lt;div&gt;
        &lt;p id="dataInTag"&gt;&lt;/p&gt;
    &lt;/div&gt;
    &lt;/pre&gt;
</code></pre>

<p><strong>* WebMethod **</strong></p>

<pre><code>[WebMethod]
    public string GetValuesTesting()
    {

        string Details = "&lt;b class=\"testClass\"&gt;returned data from a WebMethod&lt;/b&gt;";
        return Details;
    }
</code></pre>

<p>How can I assign a jquery click event to this return value (this is a b tag with class="testClass").</p>

<p>alert is prompted well but the returned value is shown on page but does not appear in page Source.
Please help...
and thanks in advance...</p>
