Search in the bootstrap-select component is not working where data-token contains all numbers like "4730"
<p>I am using <a href="https://silviomoreto.github.io/bootstrap-select/" rel="nofollow">https://silviomoreto.github.io/bootstrap-select/</a> for generating search options for the form selection. Search options are working for any strings accept strings that have numbers in them like <strong>"4730"</strong>.</p>

<p>I am populating data within select tag from a JSON. Here is my select tag -</p>

<pre><code>&lt;div class="col-sm-10"&gt;
  &lt;select class="form-control selectpicker show-tick" title="Select post-code..." id="post-code" data-live-search-placeholder="Search desired post-codes here" data-live-search="true"&gt;
  &lt;/select&gt;
&lt;/div&gt;
</code></pre>

<p>My JSON from where the post-codes are being fetched -</p>

<pre><code>  {
    "Country": [
    {
      "id": "01",
      "name": "China",
      "capital": "Beijing",
      "divisions": ["01", "02", "03"],
      "districts": ["01", "02", "03"]
    },
    ........
   ],
  "Divisions": [
    {
      "id": "01",
      "name": "Shengdong",
      "districts": ["01","20"]
    },
    ........
   ],
   "Subdistricts": [
    {
      "id": "01",
      "name": "Dailang",
      "postcodes": ["736200","404000","100000"]
    },
    ........
   ]
 }
</code></pre>

<p>Every search box considers options as strings and search them based on data-tokens. </p>

<p>For live test - <a href="http://ni8mr.github.io/gpsl-ui/" rel="nofollow">http://ni8mr.github.io/gpsl-ui/</a>. You can check it by clicking <strong>add new depot button</strong>. You have to follow the selection hierarchy for getting post-codes selection options. At first country, than divisions, districts ...... post-codes. </p>

<p>May be it is an issue related to the plug-in i am using. <strong>My question is, how can i overcome this barrier externally?</strong> Ar first my idea was to, check if the "4730" can be made lowercased and hence search-able. But it has failed. My JS code for populating post-codes selection is like this -</p>

<pre><code>$("#post-code").empty().append('&lt;option data-tokens="' + related_postcodes +'" value="' + some_number + '"&gt;' + related_postcodes + '&lt;/option&gt;').change(function(){
            ....some codes .....

      }).selectpicker('refresh');
</code></pre>