Question

I would like to add jQuery UI button to all my input submits.

$('input:submit').button();

That works great for normal buttons but it doesn’t work for buttons I create dynamically.

Anybody know how to do this?

Answer 1

The easiest thing would to add this line when creating the new buttons.

$(this).button();

for example

(jQuery to create button) function(){
    $(this).button();
}

I believe you could also just call this again but it might be slower.

$('input:submit').button();

EDIT:
after looking at what jQuery.tmpl is you might be able to do something like

$("#sometmpl")
    .render( arrayOfDataObjects ) // Returns multiple LIs with data filled in
    .appendTo("ul" function(){
    $("#sometmpl input:submit").button();
)};

but don’t hold me to it.

OR take a look at the jquery ui css and just add the classes you need to the submit buttons. Hover may not work though

class="ui-button ui-widget ui-state-default ui-corner-all ui-button-icon-only"