what's wrong with this jQuery code?
<p>My following code works fine.</p>

<pre><code>$(document).ready(function() {
        $('a.address').click(function() {
            $('#box').slideDown("slow");

            $.ajax({
            type: "POST",
              url: "details.php",
              success: function(html){              
                 $("#msg").html(html);
                } 
            });

        });
    });
</code></pre>

<p>However the following does not (only 1 line is changed inside the success:), it loads nothing.. only slidesdown the #box, and #msg inside, however does not load #address.</p>

<pre><code>$(document).ready(function() {
        $('a.address').click(function() {
            $('#box').slideDown("slow"); 

            $.ajax({
            type: "POST",
              url: "details.php",
              success: function(html){
                $("#msg").html($(html).find('#address').html());
                } 
            });

        });
    });

The details.php is:


&lt;div id="info"&gt;some text.&lt;/div&gt;
    &lt;div id="address"&gt;The address&lt;/div&gt;
</code></pre>
