JQueryUi Button with Link

JQueryUi Button with Link

Hello World,
i would like to use a JQueryUI Button with an Icon as an Link-Button. On the web i didn't found a solution. I tried things like this, but especially this try destroys the look of the button. (Code was taken from example page). I know the possibility of using jquery and the onclick event to manipulate the document.location.href, but in my case i need a real link-element <a>.

  1. ....
  2. <script>
  3. $(function() {
  4. $( "button:first" ).button({
  5. icons: {
  6. primary: "ui-icon-locked"
  7. }
  8. });
  9. });
  10. </script>
  11. </head>
  12. <body>
  13. <a href="link.php"><button>Button with icon on the left</button></a>
  14. ....
Could you help me ?

Nightfighter