title: Kendo menu does not draw arrow icons for appended items
body: <p>In order to add items to a kendo menu dynamically, <a href="http://www.kendoui.com/forums/ui/menu/need-to-create-dynamic-kendo-menu.aspx#2393407" rel="nofollow">here in the forums</a>, the kendo team suggested to use the append method as described in <a href="http://docs.kendoui.com/api/web/menu#methods" rel="nofollow">this example</a> to append submenus.</p>
  
  <p>I've done this, now I have the problem of arrows not rendering for nodes. The issue can be seen in this example: <a href="http://jsfiddle.net/MMRCf/16/" rel="nofollow">http://jsfiddle.net/MMRCf/16/</a> if you hover on "Item 1" then click on "Sub Item 2", "Sub Item 2" will be populated with a submenu. This submenu lacks arrows for expanding nodes.</p>
  
  <p>Perhaps this is a bug that needs reporting but I cannot post on Kendo menu forum.</p>
  
  <p>Does anyone know how I could get arrow icons to render?</p>
  
  <p>I think the append method is where a fix could be applied:</p>
  
  <pre><code>    append: function (item, referenceItem) {
          referenceItem = this.element.find(referenceItem);
  
          var inserted = this._insert(item, referenceItem, referenceItem.length ? referenceItem.find("&gt; .k-group, .k-animation-container &gt; .k-group") : null);
  
          each(inserted.items, function (idx) {
              inserted.group.append(this);
  
              var contents = inserted.contents[idx];
              if (contents) {
                  $(this).append(contents);
              }
  
              updateArrow(this);
          });
  
          updateArrow(referenceItem);
          updateFirstLast(inserted.group.find(".k-first, .k-last").add(inserted.items));
  
          return this;
      },
  </code></pre>