jQuery-UI iconselectmenu Not Working

jQuery-UI iconselectmenu Not Working

Hello, i'm trying to use the selector jquery from the website of jquery ui.
I use the code but not work on my page.
This is my code:
  1. <html>
  2. <head>
  3. <title>EXAMPLE</title>
  4. <script type="text/javascript" src=" //code.jquery.com/jquery-1.10.2.js"></script>
  5. <script type="text/javascript" src=" //code.jquery.com/ui/1.11.2/jquery-ui.js"</script>
  6. <link rel="stylesheet" href="//jquery-ui.css" />
  7. <script type="text/javascript">
  8. $(function(){
  9.       $.widget( "custom.iconselectmenu", $.ui.selectmenu, {
                    _renderItem: function( ul, item ) {
                        var li = $( "<li>", { text: item.label } );
                        if ( item.disabled ) {
                            li.addClass( "ui-state-disabled" );
                        }
                        $( "<span>", {
                            style: item.element.attr( "data-style" ),
                            "class": "ui-icon " + item.element.attr( "data-class" )
                        })
                        .appendTo( li );
                        return li.appendTo( ul );
                    }
                });
                $( "#lang" ).iconselectmenu().iconselectmenu( "menuWidget" ).addClass( "ui-menu-icons customicons" );
  10. });
  11. </script>
  12. <style>
  13. #lang {
        width: 100%;
    }
    .ui-selectmenu-menu .ui-menu.customicons .ui-menu-item {
        padding: 0.5em 0 0.5em 3em;
    }
    .ui-selectmenu-menu .ui-menu.customicons .ui-menu-item .ui-icon {
        height: 24px;
        width: 24px;
        top: 0.1em;
    }
    .ui-icons.ES {
        background: url('img/lang/ES.png') 0 0 no-repeat;
    }
    .ui-icons.EN {
        background: url('img/lang/EN.png') 0 0 no-repeat;
    }
    .iu-icons.DE {
        background: url('img/lang/DE.png') 0 0 no-repeat;
    }
  14. </style>
  15. </head>
  16. <body>
  17. <select id="lang">
  18. <option value="es_ES" data-class="ES">ES - Español</option>
  19. <option value="en_EN" data-class="EN">EN - Ingles</option>
  20. <option value="de_DE" data-class="DE">DE - Aleman</option>
  21. </select>
  22. </body>
  23. </html>
This is my code and is not working...
In the console shows:
TypeError: base is not a constructor                               jquery-ui:409

Help please.