 
       # If I'm a top level dropdown
       if item.parent().hasClass('effective-menu')
-        item.children('a').append("<span class='caret'>")
+        item.children('a').append("<span class='caret'></span>")
 
       @menu.find('.open').removeClass('open')
       item.parentsUntil(@menu, 'li.dropdown').addClass('open')


      # And add it back if we're a top level node
      if item.parent().hasClass('effective-menu') && item.children('.dropdown-menu').length
        item.children('a').append("<span class='caret'>")

      item.parentsUntil(@menu, 'li.dropdown').addClass('open')


                  this.setValue(element.children('.menu-item').children("input[name$='[title]']").val())
                commit: (element) ->
                  element.children('.menu-item').children("input[name$='[title]']").val(this.getValue())

                  if element.children('a').find('span.caret').length > 0
                    element.children('a').text(this.getValue())
                    element.children('a').append("<span class='caret'></span>")
                  else
                    element.children('a').text(this.getValue())

              },
              {type: 'html', html: '<br>'},
              {
