JQuery убирает HTML, я не знаю почему

Question

Этот код работает отлично, но когда я поставлю окончательный HTML, только появятся значения, а HTML нет. Что происходит ??

        $('[role=query-username]').live( 'click', function() {
            var output = "<table>";
            $.post( 
                    '/action/jsonUserInformation.php', 
                    'username=' + $('#username').val(), 
                    function(data) {
                        $('#user_results').html('');
                        var data_json = $.parseJSON( data );
                        $.each( data_json, function() {

                            $.each( this, function(i, v) 
                                    {
                                        output = output +  "<tr><td>" + i + "</td><td>" + v + "</td></tr>";
                                    });
                            output = output + "</table>";

                        });

                        $('#user_results').html( output );
                    });
            });

Результат вывода: code37username_code41account_passwordfb8465e62c8b2bd01d1d14965748b3e4account_status2account_type1creationdate2008-10-23mail_code39confirmedbb022e5a2419271daa2764f9cad5500crecoveryenabledreferrertimezonepreferred_currencycomission_plan1basemoney0privileges5paywaypersonal_info37last_update2008-10-23 00: 00: 00nameslastnamessexaddressphonemobilezipcitystatecountryidbusinessnameprofessionbirthdateaccount37usernamecjimenezhkemailyoyo@cjimenezhk.com

Answer 1

Я не уверен, что вы подразумеваете под "поместить окончательный HTML", но вам определенно следует переместить

output = output + "</table>";

вне вашей внешней каждой петли.

Переместите его как раз перед $('#user_results').html( output );