jQuery ajax return data empty in IE
<p>I'm using ajax to get some data then based on the data use html() to put it on the page.</p>

<p>In IE, the data returned is empty (it's html).  It still triggers the success function, but the html is not there.  I've set the dataType: "text" but still doesn't work.</p>

<p>Any ideas?</p>

<p>Thanks!</p>

<p>EDIT:</p>

<p>Here's the exact code:</p>

<pre><code>$('#frm').submit(function(event){
        event.preventDefault();
        var self = this;
        z = $('#zipcode');
        if(z.val() != '' &amp;&amp; z.val().length == 5) {
            var value = z.val().replace(/^\s\s*/, '').replace(/\s\s*$/, '');
            var intRegex = /^\d+$/;
            if(!intRegex.test(value)) {
                return false;
            }
        } else {
            return false;
        }

        $.ajax({
            url: "/ajax/zip", 
            type: 'GET',
            async: false,
            dataType: 'html',
            data:   {zipcode: $('.zip_field').val()},
            success: function(data) {
                    if(data == 'false'){
                        error($(".zip_field"));
                        return false;
                    }else{
                        self.submit();
                        $('.container').empty().append(data);
                    }
            }
        });
})
</code></pre>

<p>It's submitting a zip code.  On submit, it checks to make sure it's a number and 5 digits in length.  If that passes, it goes to the ajax and checks to make sure it's a valid zip code (database check), if that fails it returns 'false' as text, if it's good then it returns some html.</p>

<p>It works in Firefox and Chrome, but not in IE.  When it's good, it submits the form but the data returned alerts empty and is appended as empty space.</p>
