Question

It ended up being the $(document).ready was missing. Now that I added that the returned html does not seem to want to display. Is there something wrong with the below code?

    success: function(data){
        jQuery('#response').empty();
        var response = jQuery(data).find('#response').html();
        jQuery('#response').hide().html(response).fadeIn();
        jQuery('#loading').remove();
    }

Answer 1

It may be because “#userbar” isn’t available in the DOM yet. Is your script nested within a document.ready event? Like this:

jQuery(document).ready(function() {
    var username...
});

Or, the shortcut:

jQuery(function() {
    var username...
});

Or the super shortcut:

$(function() {
    var username...
});