Frustrating that nobody has an answer to this question.
I have adopted the following solution for buttons that are loaded through a php echo:
<a class=\"ui-button ui-button-text-only ui-state-default ui-corner-all\" style=\"font-size:12px;padding: .5em 1em\" href=\"#\">Button Text</a>
I also had to add this to the jquery-ui custome.css file to get an on hover result:
.ui-button:hover { border: 1px solid #0a3d0a; background:#0a3d0a url(images/Button_Background1.png) 50% 50% repeat-x; font-weight: normal; color: #ffffff; }
I still don't know why the <button> loaded with the php echo statement is non-functional. I'm sure it's obvious to someone that understands javascript better than I do. I just know enough to get into trouble. If there's an easier way to do this, I'd love to learn. I just can't find this on my own.
Thanks for any help.
Regards, Dave