Elements wont be created!

Elements wont be created!

Does anyone know, why this Code does not create any of the elements (<li>, and <ul>)? Thank you! :)
  1. var makeTabs = {
  2.         init: function(){
  3.             var $pages = $("div.tabs");
  4.             if(!$pages.lenght) return;
  5.             $pages.addclass("dyn-tabs");
  6.             $pages.first().show();
  7.             var tabNavigation = $('<ul id="tabs" />')
  8.                     .insertBefore($pages.first());
  9.             $pages.each(function(){
  10.                 var listElement = $("<li />");
  11.                 var label = $(this).attr("Neues") ?
  12.                             $(this).attr("Anfragen") :
  13.                                     "Kein Label";
  14.                 listElement.text(label);
  15.                 tabNavigation.append(listElement);
  16.             });
  17.             var items = tabNavigation.find("li");
  18.             items.first().addClass("current");
  19.             items.click(function(){
  20.                 items.removeClass("current");
  21.                 $(this).addClass("current");
  22.                 $pages.hide();
  23.                 $pages.eq($(this).index()).fadeIn("slow");
  24.             });
  25.         }
  26.     };
  27. $(document).ready(makeTabs.init);