                     ($ this).trigger "hide.#{ pluginName }"
             else
                 # bind touchstart event to check if the element that has been touched is not the dropdown or the holder
-                ($ document.body).on "touchstart.#{ pluginName }", (e) ->
+                o.documentBody.on "touchstart.#{ pluginName }", (e) ->
                     target    = $ e.target
                     wrapperId = o.dropdownWrapper.attr 'id'
 

            o.browserWindow = $ window
            o.windowWidth   = o.browserWindow.width()
            o.unwrapWidth   =  o.getChildrenWidth()   # unwrapped width for the breadcrumbs

            o.opts.onLoad(_this) if $.isFunction(o.opts.onLoad)


            # append the dropdown wrapper to the body tag
            o.dropdownWrapper
                .hide()
                .appendTo o.documentBody

            o.resize = _.debounce(o.resize, o.opts.debounceTime) if o.opts.fixIEResize

