add elements jQuery

by abenrob

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">
<div class="well">
<button class="btn" id="clickme">+1</button><br><br>
<div class="list-group" id="expandable">
    <div class="list-group-item">a<input type="text"/>&nbsp;b<input type="text"/></div>
</div>
<button class="btn" id="countem">count 'em</button>
<p></p>
</div>

JavaScript

$('#clickme').on('click',function(){
    $('p').empty();
    $('#expandable .list-group-item:last').after('<div class="list-group-item">a<input type="text"/>&nbsp;b<input type="text"/></div>');
});

$('#countem').on('click', function(){
    var els = $('#expandable .list-group-item');
    mylist = [];
    jQuery.each( els, function( i, val ) {
        myobj = {'a':$(val).children()[0].value,'b':$(val).children()[1].value};
        mylist.push(myobj);
    });
    console.log(mylist);
});