Typeahead menu appendToBody -> insertAfterElement

[willem403]

Changes:

• Keeps the dynamic typeahead-menu HTML-code close to the input-field.
• Provides an option to use the old method, just in case.

Advantages:

• Easier unload typeahead-menu dynamically.
• Properties applied to the input-field will also effect the typeahead-menu e.g styling.
• Easier to ascertain the input-field's menu when using multiple typeahead menu's on the same page.

Usage:
.typeahead({source: source})​;​

AppendToBody Usage:
.typeahead({source: source, appendToBody: true})​;​

PS: Sorry for the long commit message. This is my first time using github's web interface to send a pull request.

[fat]

not crazy about this - doesn't seem to provide enough value to warrant an option.

[willem403]

The option is over doing it, yes. On the other hand ".insertAfter(this.$element)" instead of ".appendTo('body')" is needed IMHO. It also relates to issue 3088. Please let me know if I should send another push request without the option.

[snrmwg]

I agree with willem403. Fix without option should be fine.
+1 for pulling this into next version

[mlhch]

There is one case that ".appendTo('body')" is better that ".insertAfter(this.$element)", that when it is used in a WordPress plugin, the class="typeahead dropdown-menu" can be easily overrided by other css rules. So I have to use '!important' or do something else.

What's your opinion?

[cvrebert]

The Bootstrap Typeahead has been removed in v3 per #7805.