Change content of a p tag using jQuery
<p>How to replace the current content of a p with a new one? My current solution does not work. Response comes back so if I put one alert("Something") inside function(response) {} it works. The content does not get replaced, that is nothing happens!</p>

<pre><code>             $(this).find(".caption").find("#yes").live('click', function() {
                $.ajax({
                    url: 'prob.php',
                    data: {action: 'yes'},
                    type: 'post',
                    success: function (response) {
                            $(this).find(".caption").find("#change").html("&lt;p&gt;Come on!&lt;/p&gt;");
                        }
                    });
                });
</code></pre>

<p>And this is my html:</p>

<pre><code>                 &lt;li&gt;
                        &lt;a class="thumb" name="leaf" href="&lt;?php echo $images_dir.$_SESSION['current_img'].".jpg" ?&gt;" title="Title #0"&gt;
                            &lt;img src="&lt;?php echo $images_dir.'thumbs/'.$_SESSION['current_img'].".jpg" ?&gt;" alt='Title #0' /&gt;
                        &lt;/a&gt;
                        &lt;div class="caption" id="current"&gt;
                        &lt;div class="image-title"&gt;
                            &lt;p id="change"&gt;Image shows a nautillus shell:  
                                &lt;input type="checkbox" id="yes"&gt;Yes
                                &lt;input type="checkbox" id="no"&gt;No
                            &lt;/p&gt;
                        &lt;/div&gt;                                 
                    &lt;/li&gt;
</code></pre>
