diff --git a/django_select2/fields.py b/django_select2/fields.py
index 7619c1e..6e5566d 100644
--- a/django_select2/fields.py
+++ b/django_select2/fields.py
@@ -492,6 +492,7 @@ class HeavySelect2FieldBaseMixin(object):
         # could have directly set field_id on it.
         if hasattr(self, 'field_id'):
             self.widget.field_id = self.field_id
+            self.widget.attrs['data-select2-id'] = self.field_id
 
         # Widget should have been instantiated by now.
         self.widget.field = self
diff --git a/django_select2/static/js/heavy_data.js b/django_select2/static/js/heavy_data.js
index 188505c..d23a46e 100644
--- a/django_select2/static/js/heavy_data.js
+++ b/django_select2/static/js/heavy_data.js
@@ -1,7 +1,7 @@
 if (!window['django_select2']) {
 	// This JS file can be included multiple times. So, as not to overwrite previous states, we run this only once.
 
-	var django_select2 = {
+	window.django_select2 = {
 		MULTISEPARATOR: String.fromCharCode(31), // We use this unprintable char as separator,
 												// since this can't be entered by user.
 		get_url_params: function (term, page, context) {
@@ -59,14 +59,14 @@ if (!window['django_select2']) {
 		updateText: function ($e) {
 			var val = $e.select2('val'), data = $e.select2('data'), txt = $e.txt(), isMultiple = !!$e.attr('multiple'),
 				diff;
-			
+
 			if (val || val === 0) { // Means value is set. A numerical 0 is also a valid value.
 				if (isMultiple) {
 					if (val.length !== txt.length) {
 						txt = [];
 						jQuery(val).each(function (idx) {
 							var i, value = this, id;
-							
+
 							for (i in data) {
 								id = data [i].id;
 								if (id instanceof String) {
@@ -109,12 +109,12 @@ if (!window['django_select2']) {
 						return [val, txt];
 					}
 				}
-				
+
 				if (res) {
 					txt = [];
 					jQuery(val).each(function (idx) {
 						var i, value = this;
-						
+
 						for (i in res) {
 							if (res[i].id == value) {
 								val[idx] = res[i].id; // To set it to correct data type.
diff --git a/django_select2/static/js/heavy_data.min.js b/django_select2/static/js/heavy_data.min.js
index 083db23..3d326f9 100644
--- a/django_select2/static/js/heavy_data.min.js
+++ b/django_select2/static/js/heavy_data.min.js
@@ -1 +1 @@
-if(!window.django_select2){var django_select2={MULTISEPARATOR:String.fromCharCode(31),get_url_params:function(c,e,b){var d=$(this).data("field_id"),a={term:c,page:e,context:b};if(d){a.field_id=d}return a},process_results:function(d,c,b){var a;if(d.err&&d.err.toLowerCase()==="nil"){a={results:d.results};if(b){a.context=b}if(d.more===true||d.more===false){a.more=d.more}}else{a={results:[]}}if(a.results){$(this).data("results",a.results)}else{$(this).removeData("results")}return a},onValChange:function(){django_select2.updateText($(this))},prepareValText:function(d,a,c){var b=[];$(d).each(function(e){b.push({id:this,text:a[e]})});if(c){return b}else{if(b.length>0){return b[0]}else{return null}}},updateText:function(b){var f=b.select2("val"),d=b.select2("data"),a=b.txt(),c=!!b.attr("multiple"),e;if(f||f===0){if(c){if(f.length!==a.length){a=[];$(f).each(function(g){var h,j=this,k;for(h in d){k=d[h].id;if(k instanceof String){k=k.valueOf()}if(k==j){a.push(d[h].text)}}})}}else{a=d.text}b.txt(a)}else{b.txt("")}},getValText:function(b){var g=b.select2("val"),c=b.data("results"),a=b.txt(),e=!!b.attr("multiple"),d,h=b.attr("id");if(g||g===0){if(!e){g=[g];if(a||a===0){a=[a]}}if(a===0||(a&&g.length===a.length)){return[g,a]}d=b.data("userGetValText");if(d){a=d(b,g,e);if(a||a===0){return[g,a]}}if(c){a=[];$(g).each(function(f){var j,k=this;for(j in c){if(c[j].id==k){g[f]=c[j].id;a.push(c[j].text)}}});if(a||a===0){return[g,a]}}}return null},onInit:function(b,f){b=$(b);var d=b.attr("id"),a=null,c=b.select2("val");if(!c&&c!==0){c=b.data("initVal")}if(c||c===0){a=django_select2.getValText(b);if(a&&a[0]){a=django_select2.prepareValText(a[0],a[1],!!b.attr("multiple"))}}if(!a){b.val(null)}f(a);django_select2.updateText(b)},createSearchChoice:function(a,b){if(!b||$(b).filter(function(){return this.text.localeCompare(a)===0}).length===0){return{id:a,text:a}}},onMultipleHiddenChange:function(){var b=$(this),d=b.data("valContainer"),a=b.data("name"),c=b.val();d.empty();if(c){c=c.split(django_select2.MULTISEPARATOR);$(c).each(function(){var e=$('<input type="hidden">').appendTo(d);e.attr("name",a);e.val(this)})}},initMultipleHidden:function(a){var b;a.data("name",a.attr("name"));a.attr("name","");b=$("<div>").insertAfter(a).css({display:"none"});a.data("valContainer",b);a.change(django_select2.onMultipleHiddenChange);if(a.val()){a.change()}},convertArrToStr:function(a){return a.join(django_select2.MULTISEPARATOR)},runInContextHelper:function(a,b){return function(){var c=Array.prototype.slice.call(arguments,0);return a.apply($("#"+b).get(0),c)}},logErr:function(){if(console&&console.error){args=Array.prototype.slice.call(arguments);console.error.apply(console,args)}}};(function(b){if(b){for(var a in django_select2){var c=django_select2[a];if(typeof(c)=="function"){django_select2[a]=(function(d,e){return function(){console.log("Function "+d+" called for object: ",this);return e.apply(this,arguments)}}(a,c))}}}}(false));(function(a){a.fn.txt=function(b){if(typeof(b)!=="undefined"){if(b){if(b instanceof Array){if(this.attr("multiple")){b=django_select2.convertArrToStr(b)}else{b=b[0]}}this.attr("txt",b)}else{this.removeAttr("txt")}return this}else{b=this.attr("txt");if(this.attr("multiple")){if(b){b=b.split(django_select2.MULTISEPARATOR)}else{b=[]}}return b}}})(jQuery)};
\ No newline at end of file
+if(!window.django_select2){window.django_select2={MULTISEPARATOR:String.fromCharCode(31),get_url_params:function(c,e,b){var d=$(this).data("field_id"),a={term:c,page:e,context:b};if(d){a.field_id=d}return a},process_results:function(d,c,b){var a;if(d.err&&d.err.toLowerCase()==="nil"){a={results:d.results};if(b){a.context=b}if(d.more===true||d.more===false){a.more=d.more}}else{a={results:[]}}if(a.results){$(this).data("results",a.results)}else{$(this).removeData("results")}return a},onValChange:function(){django_select2.updateText($(this))},prepareValText:function(d,a,c){var b=[];$(d).each(function(e){b.push({id:this,text:a[e]})});if(c){return b}else{if(b.length>0){return b[0]}else{return null}}},updateText:function(b){var f=b.select2("val"),d=b.select2("data"),a=b.txt(),c=!!b.attr("multiple"),e;if(f||f===0){if(c){if(f.length!==a.length){a=[];$(f).each(function(g){var h,j=this,k;for(h in d){k=d[h].id;if(k instanceof String){k=k.valueOf()}if(k==j){a.push(d[h].text)}}})}}else{a=d.text}b.txt(a)}else{b.txt("")}},getValText:function(b){var g=b.select2("val"),c=b.data("results"),a=b.txt(),e=!!b.attr("multiple"),d,h=b.attr("id");if(g||g===0){if(!e){g=[g];if(a||a===0){a=[a]}}if(a===0||(a&&g.length===a.length)){return[g,a]}d=b.data("userGetValText");if(d){a=d(b,g,e);if(a||a===0){return[g,a]}}if(c){a=[];$(g).each(function(f){var j,k=this;for(j in c){if(c[j].id==k){g[f]=c[j].id;a.push(c[j].text)}}});if(a||a===0){return[g,a]}}}return null},onInit:function(b,f){b=$(b);var d=b.attr("id"),a=null,c=b.select2("val");if(!c&&c!==0){c=b.data("initVal")}if(c||c===0){a=django_select2.getValText(b);if(a&&a[0]){a=django_select2.prepareValText(a[0],a[1],!!b.attr("multiple"))}}if(!a){b.val(null)}f(a);django_select2.updateText(b)},createSearchChoice:function(a,b){if(!b||$(b).filter(function(){return this.text.localeCompare(a)===0}).length===0){return{id:a,text:a}}},onMultipleHiddenChange:function(){var b=$(this),d=b.data("valContainer"),a=b.data("name"),c=b.val();d.empty();if(c){c=c.split(django_select2.MULTISEPARATOR);$(c).each(function(){var e=$('<input type="hidden">').appendTo(d);e.attr("name",a);e.val(this)})}},initMultipleHidden:function(a){var b;a.data("name",a.attr("name"));a.attr("name","");b=$("<div>").insertAfter(a).css({display:"none"});a.data("valContainer",b);a.change(django_select2.onMultipleHiddenChange);if(a.val()){a.change()}},convertArrToStr:function(a){return a.join(django_select2.MULTISEPARATOR)},runInContextHelper:function(a,b){return function(){var c=Array.prototype.slice.call(arguments,0);return a.apply($("#"+b).get(0),c)}},logErr:function(){if(console&&console.error){args=Array.prototype.slice.call(arguments);console.error.apply(console,args)}}};(function(b){if(b){for(var a in django_select2){var c=django_select2[a];if(typeof(c)=="function"){django_select2[a]=(function(d,e){return function(){console.log("Function "+d+" called for object: ",this);return e.apply(this,arguments)}}(a,c))}}}}(false));(function(a){a.fn.txt=function(b){if(typeof(b)!=="undefined"){if(b){if(b instanceof Array){if(this.attr("multiple")){b=django_select2.convertArrToStr(b)}else{b=b[0]}}this.attr("txt",b)}else{this.removeAttr("txt")}return this}else{b=this.attr("txt");if(this.attr("multiple")){if(b){b=b.split(django_select2.MULTISEPARATOR)}else{b=[]}}return b}}})(jQuery)};
diff --git a/django_select2/util.py b/django_select2/util.py
index e5ed971..a706f5e 100644
--- a/django_select2/util.py
+++ b/django_select2/util.py
@@ -10,62 +10,6 @@ from django.utils.encoding import force_unicode
 logger = logging.getLogger(__name__)
 
 
-class JSVar(unicode):
-    """
-    A JS variable.
-
-    This is a simple Unicode string. This class type acts as a marker that this string is a JS variable name,
-    so it must not be quoted by :py:func:`.convert_py_to_js_data` while rendering the JS code.
-    """
-    pass
-
-
-class JSFunction(JSVar):
-    """
-    A JS function name.
-
-    From rendering point of view, rendering this is no different from :py:class:`JSVar`. After all, a JS variable
-    can refer a function instance, primitive constant or any other object. They are still all variables.
-
-    .. tip:: Do use this marker for JS functions. This will make the code clearer, and the purpose more easier to
-        understand.
-    """
-    pass
-
-
-class JSFunctionInContext(JSVar):
-    """
-    A JS function name to run in context of some other HTML DOM element.
-
-    Like :py:class:`JSFunction`, this too flags the string as JS function, but with a special requirement. The JS function
-    needs to be invoked in the context of a HTML DOM, such that, ``this`` inside the function refers to that DOM instead of
-    ``window``.
-
-    .. tip:: JS functions of this type are wrapped inside special another JS function -- ``django_select2.runInContextHelper``.
-    """
-    pass
-
-
-def render_js_script(inner_code):
-    """
-    This wraps ``inner_code`` string inside the following code block::
-
-        <script type="text/javascript">
-            jQuery(function ($) {
-                // inner_code here
-            });
-        </script>
-
-    :rtype: :py:obj:`unicode`
-    """
-    return u"""
-    <script type="text/javascript">
-        jQuery(function ($) {
-            %s
-        });
-    </script>""" % inner_code
-
-
 def extract_some_key_val(dct, keys):
     """
     Gets a sub-set of a :py:obj:`dict`.
@@ -86,110 +30,6 @@ def extract_some_key_val(dct, keys):
     return edct
 
 
-def convert_to_js_str(val):
-    val = force_unicode(val).replace('\'', '\\\'')
-    return u"'%s'" % val
-
-def convert_py_to_js_data(val, id_):
-    """
-    Converts Python data type to JS data type.
-
-    Practically what this means is, convert ``False`` to ``false``, ``True`` to ``true`` and so on.
-    It also takes care of the conversion of :py:class:`.JSVar`, :py:class:`.JSFunction`
-    and :py:class:`.JSFunctionInContext`. It takes care of recursively converting lists and dictionaries
-    too.
-
-    :param val: The Python data to convert.
-    :type val: Any
-
-    :param id_: The DOM id of the element in which context :py:class:`.JSFunctionInContext` functions
-        should run. (This is not needed if ``val`` contains no :py:class:`.JSFunctionInContext`)
-    :type id_: :py:obj:`str`
-
-    :rtype: :py:obj:`unicode`
-    """
-    if type(val) == types.BooleanType:
-        return u'true' if val else u'false'
-    elif type(val) in [types.IntType, types.LongType, types.FloatType]:
-        return force_unicode(val)
-    elif isinstance(val, JSFunctionInContext):
-        return u"django_select2.runInContextHelper(%s, '%s')" % (val, id_)
-    elif isinstance(val, JSVar):
-        return val  # No quotes here
-    elif isinstance(val, dict):
-        return convert_dict_to_js_map(val, id_)
-    elif isinstance(val, list):
-        return convert_to_js_arr(val, id_)
-    else:
-        return convert_to_js_str(val)
-
-
-def convert_dict_to_js_map(dct, id_):
-    """
-    Converts a Python dictionary to JS map.
-
-    :param dct: The Python dictionary to convert.
-    :type dct: :py:obj:`dict`
-
-    :param id_: The DOM id of the element in which context :py:class:`.JSFunctionInContext` functions
-        should run. (This is not needed if ``dct`` contains no :py:class:`.JSFunctionInContext`)
-    :type id_: :py:obj:`str`
-
-    :rtype: :py:obj:`unicode`
-    """
-    out = u'{'
-    is_first = True
-    for name in dct:
-        if not is_first:
-            out += u", "
-        else:
-            is_first = False
-
-        out += u"%s: " % convert_to_js_str(name)
-        out += convert_py_to_js_data(dct[name], id_)
-
-    return out + u'}'
-
-
-def convert_to_js_arr(lst, id_):
-    """
-    Converts a Python list (or any iterable) to JS array.
-
-    :param lst: The Python iterable to convert.
-    :type lst: :py:obj:`list` or Any iterable
-
-    :param id_: The DOM id of the element in which context :py:class:`.JSFunctionInContext` functions
-        should run. (This is not needed if ``lst`` contains no :py:class:`.JSFunctionInContext`)
-    :type id_: :py:obj:`str`
-
-    :rtype: :py:obj:`unicode`
-    """
-    out = u'['
-    is_first = True
-    for val in lst:
-        if not is_first:
-            out += u", "
-        else:
-            is_first = False
-
-        out += convert_py_to_js_data(val, id_)
-
-    return out + u']'
-
-
-def convert_to_js_string_arr(lst):
-    """
-    Converts a Python list (or any iterable) of strings to JS array.
-
-    :py:func:`convert_to_js_arr` can always be used instead of this. However, since it
-    knows that it only contains strings, it cuts down on unnecessary computations.
-
-    :rtype: :py:obj:`unicode`
-    """
-    lst = [convert_to_js_str(l) for l in lst]
-    return u"[%s]" % (",".join(lst))
-
-
 ### Auto view helper utils ###
 
 from . import __ENABLE_MULTI_PROCESS_SUPPORT as ENABLE_MULTI_PROCESS_SUPPORT, \
diff --git a/django_select2/widgets.py b/django_select2/widgets.py
index 75a7e5e..c070286 100644
--- a/django_select2/widgets.py
+++ b/django_select2/widgets.py
@@ -1,638 +1,658 @@
-"""
-Contains all the Django widgets for Select2.
-"""
-
-import logging
-from itertools import chain
-import util
-
-from django import forms
-from django.core.validators import EMPTY_VALUES
-from django.utils.encoding import force_unicode
-from django.utils.safestring import mark_safe
-from django.core.urlresolvers import reverse
-from django.utils.datastructures import MultiValueDict, MergeDict
-
-from .util import render_js_script, convert_to_js_string_arr, JSVar, JSFunction, JSFunctionInContext, \
-    convert_dict_to_js_map, convert_to_js_arr
-
-from . import __RENDER_SELECT2_STATICS as RENDER_SELECT2_STATICS
-
-logger = logging.getLogger(__name__)
-
-
-def get_select2_js_libs():
-    from django.conf import settings
-    if settings.configured and settings.DEBUG:
-        return ('js/select2.js', )
-    else:
-        return ('js/select2.min.js', )
-
-def get_select2_heavy_js_libs():
-    libs = get_select2_js_libs()
-
-    from django.conf import settings
-    if settings.configured and settings.DEBUG:
-        return libs + ('js/heavy_data.js', )
-    else:
-        return libs + ('js/heavy_data.min.js', )
-
-def get_select2_css_libs(light=False):
-    from django.conf import settings
-    from . import __BOOTSTRAP
-    if __BOOTSTRAP:
-        if settings.configured and settings.DEBUG:
-            if light:
-                return ('css/select2.css', 'css/select2-bootstrap.css')
-            else:
-                return ('css/select2.css', 'css/extra.css', 'css/select2-bootstrap.css')
-        else:
-            if light:
-                return ('css/select2-bootstrapped.min.css',)
-            else:
-                return ('css/all-bootstrapped.min.css',)
-    else:
-        if settings.configured and settings.DEBUG:
-            if light:
-                return ('css/select2.css',)
-            else:
-                return ('css/select2.css', 'css/extra.css')
-        else:
-            if light:
-                return ('css/select2.min.css',)
-            else:
-                return ('css/all.min.css',)
-
-### Light mixin and widgets ###
-
-class Select2Mixin(object):
-    """
-    The base mixin of all Select2 widgets.
-
-    This mixin is responsible for rendering the necessary JavaScript and CSS codes which turns normal ``<select>``
-    markups into Select2 choice list.
-
-    The following Select2 options are added by this mixin:-
-
-        * minimumResultsForSearch: ``6``
-        * placeholder: ``''``
-        * allowClear: ``True``
-        * multiple: ``False``
-        * closeOnSelect: ``False``
-
-    .. note:: Many of them would be removed by sub-classes depending on requirements.
-    """
-
-    # For details on these options refer: http://ivaynberg.github.com/select2/#documentation
-    options = {
-        'minimumResultsForSearch': 6,  # Only applicable for single value select.
-        'placeholder': '',  # Empty text label
-        'allowClear': True,  # Not allowed when field is multiple since there each value has a clear button.
-        'multiple': False,  # Not allowed when attached to <select>
-        'closeOnSelect': False,
-    }
-    """
-    The options listed here are rendered as JS map and passed to Select2 JS code.
-    Complete description of these options are available in Select2_ JS' site.
-
-    .. _Select2: http://ivaynberg.github.com/select2/#documentation.
-    """
-
-    def __init__(self, **kwargs):
-        """
-        Constructor of the class.
-
-        The following additional kwarg is allowed:-
-
-        :param select2_options: This is similar to standard Django way to pass extra attributes to widgets.
-            This is meant to override values of existing :py:attr:`.options`.
-
-            Example::
-
-                class MyForm(ModelForm):
-                    class Meta:
-                        model = MyModel
-                        widgets = {
-                            'name': Select2WidgetName(select2_options={
-                                'minimumResultsForSearch': 10,
-                                'closeOnSelect': True,
-                                })
-                        }
-
-            .. tip:: You cannot introduce new options using this. For that you should sub-class and override
-                :py:meth:`.init_options`. The reason for this is, few options are not compatible with each other
-                or are not applicable in some scenarios. For example, when Select2 is attached to ``<select>`` tag,
-                it can get if it is multiple or single valued from that tag itself. In this case if you specify
-                ``multiple`` option then not only it is useless but an error in Select2 JS' point of view.
-
-                There are other such intricacies, based on which some options are removed. By enforcing this
-                restriction we make sure to not break the code by passing some wrong concoction of options.
-                
-            .. tip:: According to the select2 documentation, in order to get the ``placeholder`` and ``allowClear`` 
-                settings working, you have to specify an empty ``<option></option>`` as the first entry in your 
-                ``<select>`` list. Otherwise the field will be rendered without a placeholder and the clear feature
-                will stay disabled.
-                
-
-        :type select2_options: :py:obj:`dict` or None
-
-        """
-        # Making an instance specific copy
-        self.options = dict(self.options)
-        select2_options = kwargs.pop('select2_options', None)
-        if select2_options:
-            for name, value in select2_options.items():
-                self.options[name] = value
-        self.init_options()
-
-        super(Select2Mixin, self).__init__(**kwargs)
-
-    def init_options(self):
-        """
-        Sub-classes can use this to suppress or override options passed to Select2 JS library.
-
-        Example::
-
-            def init_options(self):
-                self.options['createSearchChoice'] = JSFunction('Your_js_function')
-
-        In the above example we are setting ``Your_js_function`` as Select2's ``createSearchChoice``
-        function.
-
-        .. tip:: If you want to run ``Your_js_function`` in the context of the Select2 DOM element,
-            i.e. ``this`` inside your JS function should point to the component instead of ``window``, then
-            use :py:class:`~.util.JSFunctionInContext` instead of :py:class:`~.util.JSFunction`.
-        """
-        pass
-
-    def set_placeholder(self, val):
-        """
-        Placeholder is a value which Select2 JS library shows when nothing is selected. This should be string.
-
-        :return: None
-        """
-        self.options['placeholder'] = val
-
-    def get_options(self):
-        """
-        :return: Dictionary of options to be passed to Select2 JS.
-
-        :rtype: :py:obj:`dict`
-        """
-        options = dict(self.options)
-        if options.get('allowClear', None) is not None:
-            options['allowClear'] = not self.is_required
-        return options
-
-    def render_select2_options_code(self, options, id_):
-        """
-        Renders options for Select2 JS.
-
-        :return: The rendered JS code.
-        :rtype: :py:obj:`unicode`
-        """
-        return convert_dict_to_js_map(options, id_)
-
-    def render_js_code(self, id_, *args):
-        """
-        Renders the ``<script>`` block which contains the JS code for this widget.
-
-        :return: The rendered JS code enclosed inside ``<script>`` block.
-        :rtype: :py:obj:`unicode`
-        """
-        if id_:
-            return render_js_script(self.render_inner_js_code(id_, *args))
-        return u''
-
-    def render_inner_js_code(self, id_, *args):
-        """
-        Renders all the JS code required for this widget.
-
-        :return: The rendered JS code which will be later enclosed inside ``<script>`` block.
-        :rtype: :py:obj:`unicode`
-        """
-        options = dict(self.get_options())
-        options = self.render_select2_options_code(options, id_)
-
-        return u'$("#%s").select2(%s);' % (id_, options)
-
-    def render(self, name, value, attrs=None, choices=()):
-        """
-        Renders this widget. HTML and JS code blocks all are rendered by this.
-
-        :return: The rendered markup.
-        :rtype: :py:obj:`unicode`
-        """
-        if logger.isEnabledFor(logging.DEBUG):
-            t1 = util.timer_start('Select2Mixin.render')
-
-        args = [name, value, attrs]
-        if choices:
-            args.append(choices)
-
-        s = unicode(super(Select2Mixin, self).render(*args))  # Thanks to @ouhouhsami Issue#1
-        if RENDER_SELECT2_STATICS:
-            s += self.media.render()
-        final_attrs = self.build_attrs(attrs)
-        id_ = final_attrs.get('id', None)
-        s += self.render_js_code(id_, name, value, attrs, choices)
-
-        if logger.isEnabledFor(logging.DEBUG):
-            util.timer_end(t1)
-            logger.debug("Generated widget code:-\n%s", s)
-
-        return mark_safe(s)
-
-    class Media:
-        js = get_select2_js_libs()
-        css = {'screen': get_select2_css_libs(light=True)}
-
-
-class Select2Widget(Select2Mixin, forms.Select):
-    """
-    Drop-in Select2 replacement for :py:class:`forms.Select`.
-
-    Following Select2 option from :py:attr:`.Select2Mixin.options` is removed:-
-
-        * multiple
-
-    """
-
-    def init_options(self):
-        self.options.pop('multiple', None)
-
-    def render_options(self, choices, selected_choices):
-        all_choices = chain(self.choices, choices)
-        if not self.is_required and \
-            len([value for value, txt in all_choices if value == '']) == 0: # Checking if list already has empty choice
-                                                                            # as in the case of Model based Light fields.
-
-            choices = list(choices)
-            choices.append(('', '', ))  # Adding an empty choice
-        return super(Select2Widget, self).render_options(choices, selected_choices)
-
-
-class Select2MultipleWidget(Select2Mixin, forms.SelectMultiple):
-    """
-    Drop-in Select2 replacement for :py:class:`forms.SelectMultiple`.
-
-    Following Select2 options from :py:attr:`.Select2Mixin.options` are removed:-
-
-        * multiple
-        * allowClear
-        * minimumResultsForSearch
-
-    """
-
-    def init_options(self):
-        self.options.pop('multiple', None)
-        self.options.pop('allowClear', None)
-        self.options.pop('minimumResultsForSearch', None)
-
-
-### Specialized Multiple Hidden Input Widget ###
-class MultipleSelect2HiddenInput(forms.TextInput):
-    """
-    Multiple hidden input for Select2.
-
-    This is a specialized multiple Hidden Input widget. This includes a special
-    JS component which renders multiple Hidden Input boxes as there are values.
-    So, if user suppose chooses values 1, 4 and 9 then Select2 would would write them
-    to the primary hidden input. The JS component of this widget will read that value and
-    will render three more hidden input boxes each with values 1, 4 and 9 respectively.
-    They will all share the name of this field, and the name of the primary source
-    hidden input would be removed. This way, when submitted all the selected values
-    would be available as list.
-    """
-    # We want it hidden but should be treated as if is_hidden is False
-    input_type = 'hidden'
-
-    def render(self, name, value, attrs=None, choices=()):
-        attrs = self.build_attrs(attrs, multiple='multiple')
-        s = unicode(super(MultipleSelect2HiddenInput, self).render(name, u"", attrs))
-        id_ = attrs.get('id', None)
-        if id_:
-            jscode = u''
-            if value:
-                jscode = u"$('#%s').val(django_select2.convertArrToStr(%s));" \
-                    % (id_, convert_to_js_arr(value, id_))
-            jscode += u"django_select2.initMultipleHidden($('#%s'));" % id_
-            s += render_js_script(jscode)
-        return mark_safe(s)
-
-    def value_from_datadict(self, data, files, name):
-        if isinstance(data, (MultiValueDict, MergeDict)):
-            return data.getlist(name)
-        return data.get(name, None)
-
-    def _has_changed(self, initial, data):
-        if initial is None:
-            initial = []
-        if data is None:
-            data = []
-        if len(initial) != len(data):
-            return True
-        initial_set = set([force_unicode(value) for value in initial])
-        data_set = set([force_unicode(value) for value in data])
-        return data_set != initial_set
-
-### Heavy mixins and widgets ###
-
-class HeavySelect2Mixin(Select2Mixin):
-    """
-    The base mixin of all Heavy Select2 widgets. It sub-classes :py:class:`Select2Mixin`.
-
-    This mixin adds more Select2 options to :py:attr:`.Select2Mixin.options`. These are:-
-
-        * minimumInputLength: ``2``
-        * initSelection: ``JSFunction('django_select2.onInit')``
-        * ajax:
-            * dataType: ``'json'``
-            * quietMillis: ``100``
-            * data: ``JSFunctionInContext('django_select2.get_url_params')``
-            * results: ``JSFunctionInContext('django_select2.process_results')``
-
-    .. tip:: You can override these options by passing ``select2_options`` kwarg to :py:meth:`.__init__`.
-    """
-
-    def __init__(self, **kwargs):
-        """
-        Constructor of the class.
-
-        The following kwargs are allowed:-
-
-        :param data_view: A :py:class:`~.views.Select2View` sub-class which can respond to this widget's Ajax queries.
-        :type data_view: :py:class:`django.views.generic.base.View` or None
-
-        :param data_url: Url which will respond to Ajax queries with JSON object.
-        :type data_url: :py:obj:`str` or None
-
-        .. tip:: When ``data_view`` is provided then it is converted into Url using
-            :py:func:`~django.core.urlresolvers.reverse`.
-
-        .. warning:: Either of ``data_view`` or ``data_url`` must be specified, else :py:exc:`ValueError` would
-            be raised.
-
-        :param choices: The list of available choices. If not provided then empty list is used instead. It
-            should be of the form -- ``[(val1, 'Label1'), (val2, 'Label2'), ...]``.
-        :type choices: :py:obj:`list` or :py:obj:`tuple`
-
-        :param userGetValTextFuncName: The name of the custom JS function which you want to use to convert
-            value to label.
-
-            In ``heavy_data.js``, ``django_select2.getValText()`` employs the following logic to convert value
-            to label :-
-
-                1. First check if the Select2 input field has ``txt`` attribute set along with ``value``. If found
-                then use it.
-
-                2. Otherwise, check if user has provided any custom method for this. Then use that. If it returns a
-                label then use it.
-
-                3. Otherwise, check the cached results. When the user searches in the fields then all the returned
-                responses from server, which has the value and label mapping, are cached by ``heavy_data.js``.
-
-        :type userGetValTextFuncName: :py:obj:`str`
-
-        .. tip:: Since version 3.2.0, cookies or localStorage are no longer checked or used. All
-            :py:class:`~.field.HeavyChoiceField` must override :py:meth:`~.fields.HeavyChoiceField.get_val_txt`.
-            If you are only using heavy widgets in your own fields then you should override :py:meth:`.render_texts`.
-        """
-        self.field = None
-        self.options = dict(self.options)  # Making an instance specific copy
-        self.view = kwargs.pop('data_view', None)
-        self.url = kwargs.pop('data_url', None)
-        self.userGetValTextFuncName = kwargs.pop('userGetValTextFuncName', u'null')
-        self.choices = kwargs.pop('choices', [])
-
-        if not self.view and not self.url:
-            raise ValueError('data_view or data_url is required')
-
-        self.options['ajax'] = {
-            'dataType': 'json',
-            'quietMillis': 100,
-            'data': JSFunctionInContext('django_select2.get_url_params'),
-            'results': JSFunctionInContext('django_select2.process_results'),
-        }
-        self.options['minimumInputLength'] = 2
-        self.options['initSelection'] = JSFunction('django_select2.onInit')
-        super(HeavySelect2Mixin, self).__init__(**kwargs)
-
-    def render_texts(self, selected_choices, choices):
-        """
-        Renders a JS array with labels for the ``selected_choices``.
-
-        :param selected_choices: List of selected choices' values.
-        :type selected_choices: :py:obj:`list` or :py:obj:`tuple`
-
-        :param choices: Extra choices, if any. This is a list of tuples. In each tuple, the first
-            item is the choice value and the second item is choice label.
-        :type choices: :py:obj:`list` or :py:obj:`tuple`
-
-        :return: The rendered JS array code.
-        :rtype: :py:obj:`unicode`
-        """
-        selected_choices = list(force_unicode(v) for v in selected_choices)
-        txts = []
-        all_choices = choices if choices else []
-        choices_dict = dict()
-        self_choices = self.choices
-
-        import fields
-        if isinstance(self_choices, fields.FilterableModelChoiceIterator):
-            self_choices.set_extra_filter(**{'%s__in' % self.field.get_pk_field_name(): selected_choices})
-
-        for val, txt in chain(self_choices, all_choices):
-            val = force_unicode(val)
-            choices_dict[val] = txt
-
-        for val in selected_choices:
-            try:
-                txts.append(choices_dict[val])
-            except KeyError:
-                logger.error("Value '%s' is not a valid choice.", val)
-
-        if hasattr(self.field, '_get_val_txt') and selected_choices:
-            for val in selected_choices:
-                txt = self.field._get_val_txt(val)
-                if txt is not None:
-                    txts.append(txt)
-        if txts:
-            return convert_to_js_string_arr(txts)
-
-    def get_options(self):
-        if self.url is None:
-            # We lazy resolve the view. By this time Url conf would been loaded fully.
-            self.url = reverse(self.view)
-
-        if self.options['ajax'].get('url', None) is None:
-            self.options['ajax']['url'] = self.url
-
-        return super(HeavySelect2Mixin, self).get_options()
-
-    def render_texts_for_value(self, id_, value, choices):
-        """
-        Renders the JS code which sets the ``txt`` attribute on the field. It gets the array
-        of lables from :py:meth:`.render_texts`.
-
-        :param id_: Id of the field. This can be used to get reference of this field's DOM in JS.
-        :type id_: :py:obj:`str`
-
-        :param value: Currently set value on the field.
-        :type value: Any
-
-        :param choices: Extra choices, if any. This is a list of tuples. In each tuple, the first
-            item is the choice value and the second item is choice label.
-        :type choices: :py:obj:`list` or :py:obj:`tuple`
-
-        :return: JS code which sets the ``txt`` attribute.
-        :rtype: :py:obj:`unicode`
-        """
-        empty_values = getattr(self.field, 'empty_values', EMPTY_VALUES)
-        if value is not None and (self.field is None or value not in empty_values):
-            # Just like forms.Select.render() it assumes that value will be single valued.
-            values = [value]
-            texts = self.render_texts(values, choices)
-            if texts:
-                return u"$('#%s').txt(%s);" % (id_, texts)
-
-    def render_inner_js_code(self, id_, name, value, attrs=None, choices=(), *args):
-        js = u"$('#%s').change(django_select2.onValChange).data('userGetValText', %s);" \
-            % (id_, self.userGetValTextFuncName)
-        texts = self.render_texts_for_value(id_, value, choices)
-        if texts:
-            js += texts
-        js += super(HeavySelect2Mixin, self).render_inner_js_code(id_, name, value, attrs, choices, *args)
-        return js
-
-    class Media:
-        js = get_select2_heavy_js_libs()
-        css = {'screen': get_select2_css_libs()}
-
-
-class HeavySelect2Widget(HeavySelect2Mixin, forms.TextInput):
-    """
-    Single selection heavy widget.
-
-    Following Select2 option from :py:attr:`.Select2Mixin.options` is added or set:-
-
-        * multiple: ``False``
-
-    """
-    # We want it hidden but should be treated as if is_hidden is False
-    input_type = 'hidden'
-
-    def init_options(self):
-        self.options['multiple'] = False
-
-
-class HeavySelect2MultipleWidget(HeavySelect2Mixin, MultipleSelect2HiddenInput):
-    """
-    Multiple selection heavy widget.
-
-    Following Select2 options from :py:attr:`.Select2Mixin.options` are removed:-
-
-        * allowClear
-        * minimumResultsForSearch
-
-    Following Select2 options from :py:attr:`.Select2Mixin.options` are added or set:-
-
-        * multiple: ``True``
-        * separator: ``JSVar('django_select2.MULTISEPARATOR')``
-
-    """
-
-    def init_options(self):
-        self.options['multiple'] = True
-        self.options.pop('allowClear', None)
-        self.options.pop('minimumResultsForSearch', None)
-        self.options['separator'] = JSVar('django_select2.MULTISEPARATOR')
-
-    def render_texts_for_value(self, id_, value, choices):
-        """
-        Renders the JS code which sets the ``txt`` attribute on the field. It gets the array
-        of lables from :py:meth:`.render_texts`.
-
-        :param id_: Id of the field. This can be used to get reference of this field's DOM in JS.
-        :type id_: :py:obj:`str`
-
-        :param value: **List** of currently set value on the field.
-        :type value: :py:obj:`list`
-
-        :param choices: Extra choices, if any. This is a list of tuples. In each tuple, the first
-            item is the choice value and the second item is choice label.
-        :type choices: :py:obj:`list` or :py:obj:`tuple`
-
-        :return: JS code which sets the ``txt`` attribute.
-        :rtype: :py:obj:`unicode`
-        """
-        # Just like forms.SelectMultiple.render() it assumes that value will be multi-valued (list).
-        if value:
-            texts = self.render_texts(value, choices)
-            if texts:
-                return u"$('#%s').txt(%s);" % (id_, texts)
-
-class HeavySelect2TagWidget(HeavySelect2MultipleWidget):
-    """
-    Heavy widget with tagging support. Based on :py:class:`HeavySelect2MultipleWidget`,
-    unlike other widgets this allows users to create new options (tags).
-
-    Following Select2 options from :py:attr:`.Select2Mixin.options` are removed:-
-
-        * allowClear
-        * minimumResultsForSearch
-        * closeOnSelect
-
-    Following Select2 options from :py:attr:`.Select2Mixin.options` are added or set:-
-
-        * multiple: ``True``
-        * separator: ``JSVar('django_select2.MULTISEPARATOR')``
-        * tags: ``True``
-        * tokenSeparators: ``,`` and `` ``
-        * createSearchChoice: ``JSFunctionInContext('django_select2.createSearchChoice')``
-        * minimumInputLength: ``1``
-
-    """
-    def init_options(self):
-        super(HeavySelect2TagWidget, self).init_options()
-        self.options.pop('closeOnSelect', None)
-        self.options['minimumInputLength'] = 1
-        self.options['tags'] = True
-        self.options['tokenSeparators'] = [",", " "]
-        self.options['createSearchChoice'] = JSFunctionInContext('django_select2.createSearchChoice')
-
-### Auto Heavy widgets ###
-
-class AutoHeavySelect2Mixin(object):
-    """
-    This mixin is needed for Auto heavy fields.
-
-    This mixin adds extra JS code to notify the field's DOM object of the generated id. The generated id
-    is not the same as the ``id`` attribute of the field's HTML markup. This id is generated by
-    :py:func:`~.util.register_field` when the Auto field is registered. The client side (DOM) sends this
-    id along with the Ajax request, so that the central view can identify which field should be used to
-    serve the request.
-    """
-
-    def __init__(self, *args, **kwargs):
-        kwargs['data_view'] = "django_select2_central_json"
-        super(AutoHeavySelect2Mixin, self).__init__(*args, **kwargs)
-
-    def render_inner_js_code(self, id_, *args):
-        js = u"$('#%s').data('field_id', '%s');" % (id_, self.field_id)
-        js += super(AutoHeavySelect2Mixin, self).render_inner_js_code(id_, *args)
-        return js
-
-
-class AutoHeavySelect2Widget(AutoHeavySelect2Mixin, HeavySelect2Widget):
-    "Auto version of :py:class:`.HeavySelect2Widget`"
-    pass
-
-
-class AutoHeavySelect2MultipleWidget(AutoHeavySelect2Mixin, HeavySelect2MultipleWidget):
-    "Auto version of :py:class:`.HeavySelect2MultipleWidget`"
-    pass
-
-class AutoHeavySelect2TagWidget(AutoHeavySelect2Mixin, HeavySelect2TagWidget):
-    "Auto version of :py:class:`.HeavySelect2TagWidget`"
-    pass
+"""
+Contains all the Django widgets for Select2.
+"""
+import json
+import logging
+from itertools import chain
+import re
+import util
+
+from django import forms
+from django.core.validators import EMPTY_VALUES
+from django.utils.encoding import force_unicode
+from django.utils.safestring import mark_safe
+from django.core.urlresolvers import reverse
+from django.utils.datastructures import MultiValueDict, MergeDict
+
+from . import __RENDER_SELECT2_STATICS as RENDER_SELECT2_STATICS
+
+logger = logging.getLogger(__name__)
+
+
+def get_select2_js_libs():
+    from django.conf import settings
+    if settings.configured and settings.DEBUG:
+        return ('js/select2.js', )
+    else:
+        return ('js/select2.min.js', )
+
+def get_select2_heavy_js_libs():
+    libs = get_select2_js_libs()
+
+    from django.conf import settings
+    if settings.configured and settings.DEBUG:
+        return libs + ('js/heavy_data.js', )
+    else:
+        return libs + ('js/heavy_data.min.js', )
+
+def get_select2_css_libs(light=False):
+    from django.conf import settings
+    from . import __BOOTSTRAP
+    if __BOOTSTRAP:
+        if settings.configured and settings.DEBUG:
+            if light:
+                return ('css/select2.css', 'css/select2-bootstrap.css')
+            else:
+                return ('css/select2.css', 'css/extra.css', 'css/select2-bootstrap.css')
+        else:
+            if light:
+                return ('css/select2-bootstrapped.min.css',)
+            else:
+                return ('css/all-bootstrapped.min.css',)
+    else:
+        if settings.configured and settings.DEBUG:
+            if light:
+                return ('css/select2.css',)
+            else:
+                return ('css/select2.css', 'css/extra.css')
+        else:
+            if light:
+                return ('css/select2.min.css',)
+            else:
+                return ('css/all.min.css',)
+
+### Light mixin and widgets ###
+
+class Select2Mixin(object):
+    """
+    The base mixin of all Select2 widgets.
+
+    This mixin is responsible for rendering the necessary JavaScript and CSS codes which turns normal ``<select>``
+    markups into Select2 choice list.
+
+    The following Select2 options are added by this mixin:-
+
+        * minimumResultsForSearch: ``6``
+        * placeholder: ``''``
+        * allowClear: ``True``
+        * multiple: ``False``
+        * closeOnSelect: ``False``
+
+    .. note:: Many of them would be removed by sub-classes depending on requirements.
+    """
+
+    # For details on these options refer: http://ivaynberg.github.com/select2/#documentation
+    options = {
+        'minimumResultsForSearch': 6,  # Only applicable for single value select.
+        'placeholder': '',  # Empty text label
+        'allowClear': True,  # Not allowed when field is multiple since there each value has a clear button.
+        'multiple': False,  # Not allowed when attached to <select>
+        'closeOnSelect': False,
+    }
+    """
+    The options listed here are rendered as JS map and passed to Select2 JS code.
+    Complete description of these options are available in Select2_ JS' site.
+
+    .. _Select2: http://ivaynberg.github.com/select2/#documentation.
+    """
+
+    def __init__(self, **kwargs):
+        """
+        Constructor of the class.
+
+        The following additional kwarg is allowed:-
+
+        :param select2_options: This is similar to standard Django way to pass extra attributes to widgets.
+            This is meant to override values of existing :py:attr:`.options`.
+
+            Example::
+
+                class MyForm(ModelForm):
+                    class Meta:
+                        model = MyModel
+                        widgets = {
+                            'name': Select2WidgetName(select2_options={
+                                'minimumResultsForSearch': 10,
+                                'closeOnSelect': True,
+                                })
+                        }
+
+            .. tip:: You cannot introduce new options using this. For that you should sub-class and override
+                :py:meth:`.init_options`. The reason for this is, few options are not compatible with each other
+                or are not applicable in some scenarios. For example, when Select2 is attached to ``<select>`` tag,
+                it can get if it is multiple or single valued from that tag itself. In this case if you specify
+                ``multiple`` option then not only it is useless but an error in Select2 JS' point of view.
+
+                There are other such intricacies, based on which some options are removed. By enforcing this
+                restriction we make sure to not break the code by passing some wrong concoction of options.
+
+            .. tip:: According to the select2 documentation, in order to get the ``placeholder`` and ``allowClear``
+                settings working, you have to specify an empty ``<option></option>`` as the first entry in your
+                ``<select>`` list. Otherwise the field will be rendered without a placeholder and the clear feature
+                will stay disabled.
+
+
+        :type select2_options: :py:obj:`dict` or None
+
+        """
+        # Making an instance specific copy
+        self.options = dict(self.options)
+        select2_options = kwargs.pop('select2_options', None)
+        if select2_options:
+            for name, value in select2_options.items():
+                self.options[name] = value
+        self.init_options()
+
+        super(Select2Mixin, self).__init__(**kwargs)
+
+    def init_options(self):
+        """
+        Sub-classes can use this to suppress or override options passed to Select2 JS library.
+
+        Example::
+
+            def init_options(self):
+                self.options['createSearchChoice'] = 'Your_js_function'
+
+        In the above example we are setting ``Your_js_function`` as Select2's ``createSearchChoice``
+        function.
+        """
+        pass
+
+    def set_placeholder(self, val):
+        """
+        Placeholder is a value which Select2 JS library shows when nothing is selected. This should be string.
+
+        :return: None
+        """
+        self.options['placeholder'] = val
+
+    def get_options(self):
+        """
+        :return: Dictionary of options to be passed to Select2 JS.
+
+        :rtype: :py:obj:`dict`
+        """
+        options = dict(self.options)
+        if options.get('allowClear', None) is not None:
+            options['allowClear'] = not self.is_required
+        return options
+
+    def render_js_code(self, id_, *args):
+        """
+        Renders the ``<script>`` block which contains the JS code for this widget.
+
+        :return: The rendered JS code enclosed inside ``<script>`` block.
+        :rtype: :py:obj:`unicode`
+        """
+        if id_:
+            return self.render_js_script(self.render_inner_js_code(id_, *args))
+        return u''
+
+    def render_js_script(self, inner_code):
+        """
+        This wraps ``inner_code`` string inside the following code block::
+
+            <script type="text/javascript">
+                jQuery(function ($) {
+                    // inner_code here
+                });
+            </script>
+
+        :rtype: :py:obj:`unicode`
+        """
+        return u"""
+                <script type="text/javascript">
+                    jQuery(function ($) {
+                        %s
+                    });
+                </script>
+                """ % inner_code
+
+    def render_inner_js_code(self, id_, *args):
+        """
+        Renders all the JS code required for this widget.
+
+        :return: The rendered JS code which will be later enclosed inside ``<script>`` block.
+        :rtype: :py:obj:`unicode`
+        """
+        options = json.dumps(self.get_options())
+        options = options.replace('"*START*', '').replace('*END*"', '')
+        # selector variable must already be passed to this
+        return u'$(hashedSelector).select2(%s);' % (options)
+
+    def render(self, name, value, attrs=None, choices=()):
+        """
+        Renders this widget. HTML and JS code blocks all are rendered by this.
+
+        :return: The rendered markup.
+        :rtype: :py:obj:`unicode`
+        """
+        if logger.isEnabledFor(logging.DEBUG):
+            t1 = util.timer_start('Select2Mixin.render')
+
+        args = [name, value, attrs]
+        if choices:
+            args.append(choices)
+
+        s = unicode(super(Select2Mixin, self).render(*args))  # Thanks to @ouhouhsami Issue#1
+        if RENDER_SELECT2_STATICS:
+            s += self.media.render()
+        final_attrs = self.build_attrs(attrs)
+        id_ = final_attrs.get('id', None)
+        s += self.render_js_code(id_, name, value, attrs, choices)
+
+        if logger.isEnabledFor(logging.DEBUG):
+            util.timer_end(t1)
+            logger.debug("Generated widget code:-\n%s", s)
+
+        return mark_safe(s)
+
+    class Media:
+        js = get_select2_js_libs()
+        css = {'screen': get_select2_css_libs(light=True)}
+
+
+class Select2Widget(Select2Mixin, forms.Select):
+    """
+    Drop-in Select2 replacement for :py:class:`forms.Select`.
+
+    Following Select2 option from :py:attr:`.Select2Mixin.options` is removed:-
+
+        * multiple
+
+    """
+
+    def init_options(self):
+        self.options.pop('multiple', None)
+
+    def render_options(self, choices, selected_choices):
+        all_choices = chain(self.choices, choices)
+        if not self.is_required and \
+            len([value for value, txt in all_choices if value == '']) == 0: # Checking if list already has empty choice
+                                                                            # as in the case of Model based Light fields.
+
+            choices = list(choices)
+            choices.append(('', '', ))  # Adding an empty choice
+        return super(Select2Widget, self).render_options(choices, selected_choices)
+
+
+class Select2MultipleWidget(Select2Mixin, forms.SelectMultiple):
+    """
+    Drop-in Select2 replacement for :py:class:`forms.SelectMultiple`.
+
+    Following Select2 options from :py:attr:`.Select2Mixin.options` are removed:-
+
+        * multiple
+        * allowClear
+        * minimumResultsForSearch
+
+    """
+
+    def init_options(self):
+        self.options.pop('multiple', None)
+        self.options.pop('allowClear', None)
+        self.options.pop('minimumResultsForSearch', None)
+
+
+### Specialized Multiple Hidden Input Widget ###
+class MultipleSelect2HiddenInput(forms.TextInput):
+    """
+    Multiple hidden input for Select2.
+
+    This is a specialized multiple Hidden Input widget. This includes a special
+    JS component which renders multiple Hidden Input boxes as there are values.
+    So, if user suppose chooses values 1, 4 and 9 then Select2 would would write them
+    to the primary hidden input. The JS component of this widget will read that value and
+    will render three more hidden input boxes each with values 1, 4 and 9 respectively.
+    They will all share the name of this field, and the name of the primary source
+    hidden input would be removed. This way, when submitted all the selected values
+    would be available as list.
+    """
+
+    def render(self, name, value, attrs=None, choices=()):
+        attrs = self.build_attrs(attrs, multiple='multiple')
+        s = unicode(super(MultipleSelect2HiddenInput, self).render(name, u"", attrs))
+        id_ = attrs.get('id', None)
+        if id_:
+            jscode = u''
+            if value:
+                jscode = u'$("#%s").val(django_select2.convertArrToStr(%s));' % (id_, json.dumps(value))
+            jscode += u"django_select2.initMultipleHidden($('#%s'));" % id_
+            s += self.render_js_script(jscode)
+        return mark_safe(s)
+
+    def value_from_datadict(self, data, files, name):
+        if isinstance(data, (MultiValueDict, MergeDict)):
+            return data.getlist(name)
+        return data.get(name, None)
+
+    def _has_changed(self, initial, data):
+        if initial is None:
+            initial = []
+        if data is None:
+            data = []
+        if len(initial) != len(data):
+            return True
+        initial_set = set([force_unicode(value) for value in initial])
+        data_set = set([force_unicode(value) for value in data])
+        return data_set != initial_set
+
+### Heavy mixins and widgets ###
+
+class HeavySelect2Mixin(Select2Mixin):
+    """
+    The base mixin of all Heavy Select2 widgets. It sub-classes :py:class:`Select2Mixin`.
+
+    This mixin adds more Select2 options to :py:attr:`.Select2Mixin.options`. These are:-
+
+        * minimumInputLength: ``2``
+        * initSelection: ``'django_select2.onInit'``
+        * ajax:
+            * dataType: ``'json'``
+            * quietMillis: ``100``
+            * data: ``'django_select2.get_url_params'``
+            * results: ``'django_select2.process_results'``
+
+    .. tip:: You can override these options by passing ``select2_options`` kwarg to :py:meth:`.__init__`.
+    """
+
+    def __init__(self, **kwargs):
+        """
+        Constructor of the class.
+
+        The following kwargs are allowed:-
+
+        :param data_view: A :py:class:`~.views.Select2View` sub-class which can respond to this widget's Ajax queries.
+        :type data_view: :py:class:`django.views.generic.base.View` or None
+
+        :param data_url: Url which will respond to Ajax queries with JSON object.
+        :type data_url: :py:obj:`str` or None
+
+        .. tip:: When ``data_view`` is provided then it is converted into Url using
+            :py:func:`~django.core.urlresolvers.reverse`.
+
+        .. warning:: Either of ``data_view`` or ``data_url`` must be specified, else :py:exc:`ValueError` would
+            be raised.
+
+        :param choices: The list of available choices. If not provided then empty list is used instead. It
+            should be of the form -- ``[(val1, 'Label1'), (val2, 'Label2'), ...]``.
+        :type choices: :py:obj:`list` or :py:obj:`tuple`
+
+        :param userGetValTextFuncName: The name of the custom JS function which you want to use to convert
+            value to label.
+
+            In ``heavy_data.js``, ``django_select2.getValText()`` employs the following logic to convert value
+            to label :-
+
+                1. First check if the Select2 input field has ``txt`` attribute set along with ``value``. If found
+                then use it.
+
+                2. Otherwise, check if user has provided any custom method for this. Then use that. If it returns a
+                label then use it.
+
+                3. Otherwise, check the cached results. When the user searches in the fields then all the returned
+                responses from server, which has the value and label mapping, are cached by ``heavy_data.js``.
+
+        :type userGetValTextFuncName: :py:obj:`str`
+
+        .. tip:: Since version 3.2.0, cookies or localStorage are no longer checked or used. All
+            :py:class:`~.field.HeavyChoiceField` must override :py:meth:`~.fields.HeavyChoiceField.get_val_txt`.
+            If you are only using heavy widgets in your own fields then you should override :py:meth:`.render_texts`.
+        """
+        self.field = None
+        self.options = dict(self.options)  # Making an instance specific copy
+        self.view = kwargs.pop('data_view', None)
+        self.url = kwargs.pop('data_url', None)
+        self.userGetValTextFuncName = kwargs.pop('userGetValTextFuncName', u'null')
+        self.choices = kwargs.pop('choices', [])
+
+        if not self.view and not self.url:
+            raise ValueError('data_view or data_url is required')
+
+        self.options['ajax'] = {
+            'dataType': 'json',
+            'quietMillis': 100,
+            'data': '*START*django_select2.runInContextHelper(django_select2.get_url_params, selector)*END*',
+            'results': '*START*django_select2.runInContextHelper(django_select2.process_results, selector)*END*',
+        }
+        self.options['minimumInputLength'] = 2
+        self.options['initSelection'] = '*START*django_select2.onInit*END*'
+        super(HeavySelect2Mixin, self).__init__(**kwargs)
+
+    def render_texts(self, selected_choices, choices):
+        """
+        Renders a JS array with labels for the ``selected_choices``.
+
+        :param selected_choices: List of selected choices' values.
+        :type selected_choices: :py:obj:`list` or :py:obj:`tuple`
+
+        :param choices: Extra choices, if any. This is a list of tuples. In each tuple, the first
+            item is the choice value and the second item is choice label.
+        :type choices: :py:obj:`list` or :py:obj:`tuple`
+
+        :return: The rendered JS array code.
+        :rtype: :py:obj:`unicode`
+        """
+        selected_choices = list(force_unicode(v) for v in selected_choices)
+        txts = []
+        all_choices = choices if choices else []
+        choices_dict = dict()
+        self_choices = self.choices
+
+        import fields
+        if isinstance(self_choices, fields.FilterableModelChoiceIterator):
+            self_choices.set_extra_filter(**{'%s__in' % self.field.get_pk_field_name(): selected_choices})
+
+        for val, txt in chain(self_choices, all_choices):
+            val = force_unicode(val)
+            choices_dict[val] = txt
+
+        for val in selected_choices:
+            try:
+                txts.append(choices_dict[val])
+            except KeyError:
+                logger.error("Value '%s' is not a valid choice.", val)
+
+        if hasattr(self.field, '_get_val_txt') and selected_choices:
+            for val in selected_choices:
+                txt = self.field._get_val_txt(val)
+                if txt is not None:
+                    txts.append(txt)
+        if txts:
+            return json.dumps(txts)
+
+    def get_options(self):
+        if self.url is None:
+            # We lazy resolve the view. By this time Url conf would been loaded fully.
+            self.url = reverse(self.view)
+
+        if self.options['ajax'].get('url', None) is None:
+            self.options['ajax']['url'] = self.url
+
+        return super(HeavySelect2Mixin, self).get_options()
+
+    def render_texts_for_value(self, id_, value, choices):
+        """
+        Renders the JS code which sets the ``txt`` attribute on the field. It gets the array
+        of lables from :py:meth:`.render_texts`.
+
+        :param id_: Id of the field. This can be used to get reference of this field's DOM in JS.
+        :type id_: :py:obj:`str`
+
+        :param value: Currently set value on the field.
+        :type value: Any
+
+        :param choices: Extra choices, if any. This is a list of tuples. In each tuple, the first
+            item is the choice value and the second item is choice label.
+        :type choices: :py:obj:`list` or :py:obj:`tuple`
+
+        :return: JS code which sets the ``txt`` attribute.
+        :rtype: :py:obj:`unicode`
+        """
+        empty_values = getattr(self.field, 'empty_values', EMPTY_VALUES)
+        if value is not None and (self.field is None or value not in empty_values):
+            # Just like forms.Select.render() it assumes that value will be single valued.
+            values = [value]
+            texts = self.render_texts(values, choices)
+            if texts:
+                return u"$('#%s').txt(%s);" % (id_, texts)
+
+    def render_inner_js_code(self, id_, name, value, attrs=None, choices=(), *args):
+        js = u'$(hashedSelector).change(django_select2.onValChange).data("userGetValText", null);'
+        texts = self.render_texts_for_value(id_, value, choices)
+        if texts:
+            js += texts
+        js += super(HeavySelect2Mixin, self).render_inner_js_code(id_, name, value, attrs, choices, *args)
+        return js
+
+    class Media:
+        js = get_select2_heavy_js_libs()
+        css = {'screen': get_select2_css_libs()}
+
+
+class HeavySelect2Widget(HeavySelect2Mixin, forms.TextInput):
+    """
+    Single selection heavy widget.
+
+    Following Select2 option from :py:attr:`.Select2Mixin.options` is added or set:-
+
+        * multiple: ``False``
+
+    """
+
+    def init_options(self):
+        self.options['multiple'] = False
+
+
+class HeavySelect2MultipleWidget(HeavySelect2Mixin, MultipleSelect2HiddenInput):
+    """
+    Multiple selection heavy widget.
+
+    Following Select2 options from :py:attr:`.Select2Mixin.options` are removed:-
+
+        * allowClear
+        * minimumResultsForSearch
+
+    Following Select2 options from :py:attr:`.Select2Mixin.options` are added or set:-
+
+        * multiple: ``True``
+        * separator: ``django_select2.MULTISEPARATOR``
+
+    """
+
+    def init_options(self):
+        self.options['multiple'] = True
+        self.options.pop('allowClear', None)
+        self.options.pop('minimumResultsForSearch', None)
+        self.options['separator'] = '*START*django_select2.MULTISEPARATOR*END*'
+
+    def render_texts_for_value(self, id_, value, choices):
+        """
+        Renders the JS code which sets the ``txt`` attribute on the field. It gets the array
+        of lables from :py:meth:`.render_texts`.
+
+        :param id_: Id of the field. This can be used to get reference of this field's DOM in JS.
+        :type id_: :py:obj:`str`
+
+        :param value: **List** of currently set value on the field.
+        :type value: :py:obj:`list`
+
+        :param choices: Extra choices, if any. This is a list of tuples. In each tuple, the first
+            item is the choice value and the second item is choice label.
+        :type choices: :py:obj:`list` or :py:obj:`tuple`
+
+        :return: JS code which sets the ``txt`` attribute.
+        :rtype: :py:obj:`unicode`
+        """
+        # Just like forms.SelectMultiple.render() it assumes that value will be multi-valued (list).
+        if value:
+            texts = self.render_texts(value, choices)
+            if texts:
+                return u'$("#%s").txt(%s);' % (id_, texts)
+
+
+class HeavySelect2TagWidget(HeavySelect2MultipleWidget):
+    """
+    Heavy widget with tagging support. Based on :py:class:`HeavySelect2MultipleWidget`,
+    unlike other widgets this allows users to create new options (tags).
+
+    Following Select2 options from :py:attr:`.Select2Mixin.options` are removed:-
+
+        * allowClear
+        * minimumResultsForSearch
+        * closeOnSelect
+
+    Following Select2 options from :py:attr:`.Select2Mixin.options` are added or set:-
+
+        * multiple: ``True``
+        * separator: ``django_select2.MULTISEPARATOR``
+        * tags: ``True``
+        * tokenSeparators: ``,`` and `` ``
+        * createSearchChoice: ``django_select2.createSearchChoice``
+        * minimumInputLength: ``1``
+
+    """
+    def init_options(self):
+        super(HeavySelect2TagWidget, self).init_options()
+        self.options.pop('closeOnSelect', None)
+        self.options['minimumInputLength'] = 1
+        self.options['tags'] = True
+        self.options['tokenSeparators'] = [",", " "]
+        self.options['createSearchChoice'] = '*START*django_select2.createSearchChoice*END*'
+
+
+### Auto Heavy widgets ###
+
+class AutoHeavySelect2Mixin(object):
+    """
+    This mixin is needed for Auto heavy fields.
+
+    This mixin adds extra JS code to notify the field's DOM object of the generated id. The generated id
+    is not the same as the ``id`` attribute of the field's HTML markup. This id is generated by
+    :py:func:`~.util.register_field` when the Auto field is registered. The client side (DOM) sends this
+    id along with the Ajax request, so that the central view can identify which field should be used to
+    serve the request.
+
+    The js call to dynamically add the `django_select2` is as follows::
+
+        django_select2.id_cities('id_cities', django_select2.id_cities_field_id);
+
+    For an inline formset::
+
+        django_select2.id_musician_set_name(
+            'id_musician_set-0-name', django_select2.id_musician_set_name_field_id);
+    """
+
+    def __init__(self, *args, **kwargs):
+        kwargs['data_view'] = "django_select2_central_json"
+        super(AutoHeavySelect2Mixin, self).__init__(*args, **kwargs)
+
+    def render_inner_js_code(self, id_, *args):
+        fieldset_id = re.sub(r'-\d+-', '_', id_).replace('-', '_')
+        if '__prefix__' in id_:
+            return ''
+        else:
+            js = u'''
+                  window.django_select2.%s = function (selector, fieldID) {
+                    var hashedSelector = "#" + selector;
+                    $(hashedSelector).data("field_id", fieldID);
+                  ''' % (fieldset_id)
+            js += super(AutoHeavySelect2Mixin, self).render_inner_js_code(id_, *args)
+            js += '};'
+            js += 'django_select2.%s("%s", "%s");' % (fieldset_id, id_, self.field_id)
+            return js
+
+
+class AutoHeavySelect2Widget(AutoHeavySelect2Mixin, HeavySelect2Widget):
+    "Auto version of :py:class:`.HeavySelect2Widget`"
+    pass
+
+
+class AutoHeavySelect2MultipleWidget(AutoHeavySelect2Mixin, HeavySelect2MultipleWidget):
+    "Auto version of :py:class:`.HeavySelect2MultipleWidget`"
+    pass
+
+class AutoHeavySelect2TagWidget(AutoHeavySelect2Mixin, HeavySelect2TagWidget):
+    "Auto version of :py:class:`.HeavySelect2TagWidget`"
+    pass