How to refresh an object array with button labels and event handlers using jQuery

Question

I set an object as follows.

var buttons={};
buttons['Reset']=function(){
    ... do something
}
buttons['Refine']=function(){
    ... do something else
};

I then add buttons to a page as follows.

$.each(buttons, function(key, value) {
    var html='<div class="'+key+'">'+key+'</div>';
    $('.panel_buttons').append(html);
    $('.'+key).on('click',value).button();
});

I then dynamically add extra buttons to the panel_buttons element. For example, this may be a Save button when the user performs a drag and drop.

When a user performs drag and drop the same logic as shown above is used to add the extra button.

Later in my code I would like to refresh the object by interrogating the .panel_buttons element.

I am using Version 1.11.1 of jQuery.

How can I do this?