   onRender: ->
     @$(".auto_complete ul").preventScrollPropagation()
 
-    @_added_channels_view.render()
-    @$("div.added_channels_container").html @_added_channels_view.el
-
-    @_auto_completes_view.render()
-    @$("div.auto_complete_container").html @_auto_completes_view.el
+    @added_channels.show(@_added_channels_view)
+    @auto_completes.show(@_auto_completes_view)
 
     updateWindowHeight()
 

    "click .show-input-button": "showInput"
    "mouseenter .auto_complete>div": "selectAddNew"
    "mouseleave .auto_complete>div": "deActivateAddNew"

  activeChannelKey: -> @_activeChannelKey


  showAddNew: -> @$el.removeClass "hide-add-new"
  isAddNewVisible: -> not @$el.hasClass("hide-add-new")

  clearAutoComplete: ->
    @_auto_completes_view.closeList()
    @_auto_completes_view.search_collection.reset []
    @$(".auto_complete").addClass "empty"
    @deActivateAddNew()
    @showAddNew()