8610

HTML

<div id="holder">
<fieldset class="ui-widget-content ui-corner-all"> 
    <legend class="ui-widget-header ui-corner-all">
    Personal profile
    </legend> 
    
<div class="profile_block">

<div class="ui-formular-error"></div> 

<span class="required_field">* Required fields</span>

<hr>

<table class="user_personal_data_table">
    <tr>
        <td class="user_personal_data_table_left_side"><span class="required_field">*</span> First Name:</td>
        <td class="user_personal_data_table_right_side">
        <input type="text" autocomplete="off" id="mentor_first_name" name="first_name" class="ui-widget-content ui-corner-all" value="fn" aria-required="true">
        </td>
    </tr>
    <tr>
        <td class="user_personal_data_table_left_side"><span class="required_field">*</span> Last Name: </td>
        <td class="user_personal_data_table_right_side">
        <input type="text" autocomplete="off" id="mentor_last_name" name="last_name" class="ui-widget-content ui-corner-all" value="ln" aria-required="true">
        </td>
    </tr>
    <tr>
        <td class="user_personal_data_table_left_side">Middle Name:</td>
        <td class="user_personal_data_table_right_side">
        <input type="text" autocomplete="off" id="mentor_middle_name" name="middle_name" class="ui-widget-content ui-corner-all" value="mn">
        </td>
    </tr>
    
        </table>

    </div>
</fieldset>
</div>
 
<div id="out"></div>

JavaScript

$('#out').html(JSON.stringify($('#holder *').serializeArray()));
$('#holder').append($('<input id="test" type="text" class="cosAttribute" name="test" />'));
console.log(JSON.stringify($('#holder *').serializeArray()));



var str = ""; 

$.each($('#holder *'), function (i, o) {

str += o.name + "=" + o.value + "|";

});

console.log(str)