Unable to fill div.innerHTML with jQuery
<p>I'm facing a fairly strange issue. I'm using a typical contactform. The handling goes by the jQuery ajax solution. Everything goes well except the resultmessage. For some strange reason the browser won't show the provided innerHTML.</p>

<p>The resultdiv is nothing more than: <code>&lt;div id="ResultContactForm"&gt;&lt;/div&gt;</code>. Yup.. it's an empty div, unaffected by CSS just waiting for some data to show.</p>

<p>The jQuery code I'm using is (<strong>updated by the given posts</strong>):</p>

<pre><code>$("#contact-formulier").live('submit', function(){
    var str = $(this).serialize();

    $.ajax({
        type:   "POST",
        url:    "ajax.php?type=contact",
        data:   str,
        success: function(result){ 
            $("#ResultContactForm").ajaxComplete(function(event, request, settings){                    
                if(result) {
                    $(this).html(
                        $('&lt;span/&gt;', {
                            style: 'color: #76c5f0',
                            html: $('&lt;strong/&gt;', {
                                text: 'Bedankt voor je bericht! We nemen zo snel mogelijk contact met je op!'
                            })
                        })
                    );
                    $(":input", "#contact-formulier")
                        .not(":button, :submit, :reset, :hidden")
                        .val("");
                } else {
                    $(this).html(
                        $('&lt;span/&gt;', {
                            style: 'color: #FF0000',
                            html: $('&lt;strong/&gt;', {
                                text: 'Alle velden zijn verplicht in te vullen.'
                            })
                        })
                    );
                }                   
            });
        }
    });

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

<p>It all works because when i put some alerts in the <code>if{}else{}</code> part i get the messages. I've a <code>if(document.getElementById() == undefined)</code>, but it tells me the div exists.. which is true of course ;)</p>

<p>Am I overlooking something? I have the exact same (except for the binding-ID) script for another form on the page which works without any problems.</p>

<p>A live example can be found at <a href="http://vfw.ontdek5.nl/index.php" rel="nofollow">http://vfw.ontdek5.nl/index.php</a> at the contactpage. (The site is in Dutch).</p>
