Merge pull request #5 from uxrocket/2.x

2.x

bower.json

@@ -1,6 +1,6 @@
 {
   "name": "uxrocket.select",
-  "version": "2.7.1",
+  "version": "2.7.2",
   "homepage": "https://github.com/uxrocket/uxrocket.select",
   "authors": [
     "Bilal Çınarlı <[email protected]>"

lib/uxrocket.select.js

@@ -99,8 +99,8 @@
         if($el.is('.readonly')) {
             columns += ' ' + ns.readonly;
         }
-        
-        if($el.is(':disabled')){
+
+        if($el.is(':disabled')) {
             columns += ' ' + ns.disabled
         }
 
@@ -188,7 +188,7 @@
 
     var selectOption = function($option) {
         var $list = $option.parents('.' + ns.list),
-            $el = $("#" + $list.data('select')),
+            $el = $(escapeSelector("#" + $list.data('select'))),
             _opts = $el.data(ns.data),
             $v = $option.data('value');
 
@@ -231,6 +231,13 @@
         return text.replace(/\[/g, '<').replace(/]/g, '>');
     };
 
+    var escapeSelector = function(selector) {
+        var is_ID = selector.charAt(0) === '#',
+            re = /([ !"#$%&'()*+,.\/:;<=>?@[\\\]^`{|}~])/g;
+
+        return is_ID ? '#' + selector.substring(1).replace(re, '\\$1') : selector;
+    };
+
     // global callback
     var callback = function(fn) {
         // if callback string is function call it directly
@@ -331,7 +338,7 @@
     };
 
     // Version
-    ux.version = "2.7.1";
+    ux.version = "2.7.2";
 
     // settings
     ux.settings = defaults;

package.json

@@ -1,6 +1,6 @@
 {
   "name": "uxrocket.select",
-  "version": "2.7.1",
+  "version": "2.7.2",
   "description": "jQuery based Select box replacement function",
   "repository": {
     "type": "git",

tests/sample.html

@@ -69,7 +69,7 @@
 				</p>
 
 				<p class="wrap">
-					<select id="sample-02" class="select" data-on-select="selected(event)" data-wrapper="sample-wrapper">
+					<select id="sample:02" class="select" data-on-select="selected(event)" data-wrapper="sample-wrapper">
 						<option value="34">İstanbul</option>
 						<option value="06">Ankara</option>
 						<option value="35">İzmir</option>