Basic question - button icon not working

Basic question - button icon not working

Hello,

I seem to have a very basic issue: I try to add an icon to a button, but it is not added. The selector is correct, however, because I see the style of the (first) button has changed.


  1. <head>
  2.    <meta http-equiv="content-type" content="text/html;charset=utf-8" />
  3. <link rel="stylesheet" type="text/css" href="css/style.css" media="screen" />
  4. <link rel="shortcut icon" href="favicon.ico" />
  5. <link href="css/smoothness/jquery-ui-1.10.1.custom.css" rel="stylesheet">
  6. <script src="js/jquery-1.9.1.js"></script>
  7. <script src="js/jquery-ui-1.10.1.custom.js"></script>
  8. <script type="text/javascript">
  11. $(document).ready(function(){
  12.       
  13.                 $( "input[type=button]:first" ).button({ icons: { primary: "ui-icon-gear", secondary: "ui-icon-triangle-1-s" } });
It must be something simple, but I don't seem to see what it could be (I almost exactly copy pasted the code from the manual).

Thanks in advance,