Append to the input parent by default

README.md

@@ -146,7 +146,7 @@ $('#editable-select').editableSelect({ duration: 200 });
 
 ### appendTo
 
-String or jQuery element.  Default: 'body'
+String or jQuery element. Default: `select.parent()`
 
 Where to append the dropdown list.
 

bower.json

@@ -1,6 +1,6 @@
 {
   "name": "jquery-editable-select",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "authors": [
     "Indri Muska <[email protected]>"
   ],

dist/jquery-editable-select.js

@@ -12,7 +12,7 @@
 		}
 	});
 	$.fn.editableSelect = function (options) {
-		var defaults = { filter: true, effect: 'default', duration: 'fast', appendTo: 'body', onCreate: null, onShow: null, onHide: null, onSelect: null };
+		var defaults = { filter: true, effect: 'default', duration: 'fast', onCreate: null, onShow: null, onHide: null, onSelect: null };
 		var select = this.clone(), input = $('<input type="text">'), list = $('<ul class="es-list">');
 		options = $.extend({}, defaults, options);
 		switch (options.effects) {
@@ -26,7 +26,7 @@
 				var es = this;
 				es.copyAttributes(select, input);
 				input.addClass('es-input');
-				list.appendTo(options.appendTo);
+				list.appendTo(options.appendTo || input.parent());
 				select.find('option').each(function () {
 					var li = $('<li>'), option = $(this);
 					li.data('value', option.val());

package.json

@@ -1,6 +1,6 @@
 {
   "name": "jquery-editable-select",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "A simple jQuery Plugin that converts a select into an text field with suggestions.",
   "main": "dist/jquery-editable-select.min.js",
   "repository": {

src/jquery-editable-select.js

@@ -12,7 +12,7 @@
 		}
 	});
 	$.fn.editableSelect = function (options) {
-		var defaults = { filter: true, effect: 'default', duration: 'fast', appendTo: 'body', onCreate: null, onShow: null, onHide: null, onSelect: null };
+		var defaults = { filter: true, effect: 'default', duration: 'fast', onCreate: null, onShow: null, onHide: null, onSelect: null };
 		var select = this.clone(), input = $('<input type="text">'), list = $('<ul class="es-list">');
 		options = $.extend({}, defaults, options);
 		switch (options.effects) {
@@ -26,7 +26,7 @@
 				var es = this;
 				es.copyAttributes(select, input);
 				input.addClass('es-input');
-				list.appendTo(options.appendTo);
+				list.appendTo(options.appendTo || input.parent());
 				select.find('option').each(function () {
 					var li = $('<li>'), option = $(this);
 					li.data('value', option.val());